Membuat Box Code / Kotak Script Pada Postingan Blog

Box code untuk kode script biasa digunakan untuk meletakkan script agar terlihat rapi dan teratur, sehingga tampilan laman akan terlihat berbeda dengan web lain, box untuk kode script ini banyak digunakan oleh p[emilik blog yang sering berbagi kode script, apakah anda juga termasuk pemilik blog berbagi kode script?? ada beberapa contoh box kode script yang bisa anda pakai dan kembangkan untuk merapikan kode script pada postingan anda.

Berikut ini adalah tampilan code box beserta scriptnya

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

 <div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div> 

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Script Anda Disini……</div> 

Bagaimana cara memasangnya ?

• Masukan script di atas pada mode html (ubah mode compose menjadi html).
• Untuk mempermudah, selesaikan terlebih dulu postingan, kemudian tentukan dimana kita akan meletakkan script. kemudian selesai.
• Setelah itu masuk kembali ke mode compose
• Masukkan script yang di inginkan
• selseai.

Demikian cara Membuat Box Code / Kotak Script Pada Postingan Blog,  semoga mudah dimengerti dalam pemasangan pada postingan blog anda.

Baca Juga : Memasang Widget Sosial Media di Blog.