Cara Membuat Box, kotak kode script pada postingan

Hy blogger kali ini saya akan share trik blog ..

Membuat Box Code, Kotak Script  Pada Posting - Kali ini saya akan membahas cara membuat box kode atau kotak script pada saat postting artikel. Kotak kode script / box code ini sangat bermanfaat ketika Anda sedang membuat / posting artikel di Blogger yang berisi banyak kode script yang harus ditampilkan.

Cara membuat Buat Box / Kotak Kode Script di Postingan ini, akan diberikan beberapa contoh kotak kode script yang dibuat Apnie.com. Anda bisa menggunakannya  jika ada yang disukai dari contoh-contoh tersebut.

Tentunya Anda juga bisa memberikan perubahan pada code-codenya menurut selera masing-masing, seperti ukuran dan jenis border, warna background, ukuran box atau lainnya.

kalau mau silahkan lihat dan copy kodenya : 

 

<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: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini……</</div>

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; 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>