Kumpulan Script Text Box Pada Blog


Newsartstory.com - Kumpulan Script Text Box Pada Blog. Pernahkah kalian melihat kotak yang terdapat tulisan pasa blog ? Jika pernah artikel ini akan membantu kalian dalam membuat text box atau tulisan kotak. Membuat tulisan didalam kotak tulisan lebih berkesan menarik. Tentunya banyak latar kotak berwarna ataupun polos. 

Baca juga: Cara Memasang Script Floating Ads (Iklan Melayang) Untuk Blogger

Sekilas Seputar Text Box Pada Blog

Text box pada blog adalah elemen desain yang digunakan untuk menampilkan teks atau konten khusus dalam bentuk kotak atau area terpisah di dalam halaman blog. Biasanya, text box memiliki latar belakang yang berbeda atau diberi garis tepi untuk membedakannya dari konten utama halaman.

Baca juga: Kumpulan Kode Script HTML Untuk Blog

Text box dapat digunakan untuk berbagai tujuan, seperti menyoroti kutipan penting, menyajikan fakta atau informasi terkait, menampilkan ulasan produk atau layanan, atau menyediakan instruksi atau petunjuk. Dengan menggunakan text box, Anda dapat membuat konten tertentu lebih menonjol dan lebih mudah dibaca atau ditemukan oleh pengunjung blog.

Biasanya, text box dapat diedit secara terpisah dari konten utama halaman blog dan seringkali dapat ditempatkan di dalam entri blog atau di sidebar. Beberapa platform blogging juga menyediakan fungsi drag-and-drop atau editor visual untuk memudahkan penggunaan dan penyesuaian text box sesuai dengan kebutuhan desain dan konten Anda.

Baca juga: Inilah Script Blog Pilihan

Kumpulan Script Kode HTML Text Box

Untuk menggunakan kode html text box ini, kalian harus mengubah postingan yang sebelumnya mode Tampilan Menulis menjadi Tampilan HTML saat membuat postingan terbaru. Untuk blogger cukup mudah caranya, berikut ini kumpulan script kode html text box: 

Text Box 1
<div style="background-color: #f6f6f6; border-left: 5px solid rgb(0, 158, 224); padding: 17px;  color: black; text-align: left;">Tulis Disini
</div>


Text Box 2
<div style="background-color: #2c323c; color: #fff; border-left: 5px solid #800000; padding: 17px; text-align: left;">Tulis Disini
</div>

Text Box 3
<div style="background-color: #2c323c; color: #fff; border-left: 5px solid #800000; border-radius: 0 10px 10px 0; padding: 17px; text-align: left;">Tulis Disini
</div>

Text box 4
<div style="background-color: #2c323c; border-radius: 0 10px 0 10px; padding: 17px; color: black; text-align: left;">Tulis Disini
</div>

Text Box 5
<div style="background-color: #e6f7ff; border-radius: 10px; padding: 17px; color: black; text-align: left;">Tulis Disini
</div>

Text Box 6
<div style="background-color: #f6f6f6; border: 3px dotted rgb(0, 158, 224); padding: 17px; color: black; text-align: left;">Tulis Disini
</div>

Text Box 7
<div style="background-color: #f6f6f6; border: 5px double rgb(0, 158, 224); padding: 17px; color: black; text-align: left;">Tulis Disini
</div>

Text Box 8
<div style="background-color: #f6f6f6; border-left: 5px solid rgb(0, 158, 224); border-radius: 10px; padding: 17px; color: black;  text-align: left;">Tulis Disini
</div>

Penutup

Itulah beberapa cara pasang text blog pada blog yang bisa kalian coba untuk membuat postingan terbaru. Untuk membuatnya sekali lagi dalam mode tampilan html bukan tampilan menulis (khusus untuk blogger) sementara untuk wordpress mungkin sudah ada plugin tersendiri. Karena artikel ini untuk pengguna blogger yang gemar mengedit HTML.

Dapatkan informasi berita pilihan dari Newsartstory.com di platform Google News secara gratis