Cara membuat text box kotak script dalam postingan blog mudah, keren dan simpel

 text box kotak script dalam postingan blog 

Pada artikel ini akan membahas cara membuat text box atau kotak script didalam postingan blog dengan sangat mudah. Kita juga bisa membuat text box tersebut dengan sedikit modifikasi sesuai keinginan sehingga menjadikannya keren dan simpel.

Kotak script atau text box yang dimaksud pada artikel ini digunakan untuk menampilkan sebuah kotak berisikan script di dalam postingan blog dengan tujuan membuat pengunjung nyaman dalam membaca dan memahami kode script yang ditulis oleh pemilik blog.

Menampilkan text box pada postingan blog biasanya digunakan oleh penulis blog yang isi postingannya menjelaskan tentang suatu script ataupun memang tema blog tersebut membahas pembelajaran tutorial komputer yang perlu menggunakan text boxt untuk bahan script yang dijelaskannya.

Berikut contoh kode text box yang kamu bisa copas dan modifikasi untuk postingan blog :

• Contoh Script text box 1  

<div style="background-color: #111; border-radius: 5px;  height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;"> ISI TEKS KODE SCRIPT DISINI
<br /></div>

• Contoh Script text box 2

<div style="background-color: #444444; border-radius: 0px; border: 5px solid #ff0000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;"> ISI TEKS KODE SCRIPT DISINI
<br /></div>

• Contoh Script text box 3

<div style="background-color: #3d3627; border-radius: 0px; border: 1px solid #000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;"> ISI TEKS KODE SCRIPT DISINI
<br /></div>

• Contoh Script text box 4

<div style="background-color: #000; border-radius: 0px; border: 2px dashed #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;"> ISI TEKS KODE SCRIPT DISINI
<br /></div>

• Contoh Script text box 5

<div style="background-color: #2b3b44; border-radius: 0px; border: 2px dotted #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;"> ISI TEKS KODE SCRIPT DISINI
<br /></div>

Cara menyisipkan text box dipostingan

• Masuk ke blog lalu buat postingan baru

• Kemudian masuk ke Tampilan HTML lalu paste kode text box yang didapat dalam artikel ini

• Kembali ke Tampilan Menulis lalu isi script yang kamu ingin tampilkan di postingan

• Hasilnya akan seperti ini

Itulah cara membuat text box kotak script dalam postingan blog mudah, keren dan simpel. Kamu bisa modifikasi dengan merubah warna atau jenis font sesuai dengan yang kamu inginkan.

Terimakasih dan semoga bermanfaat.