Membuat box kode atau kotak script pada postting artikel

Label:



Tool HTML Parser :






Beberapa Contoh Kotak / Box Script dan Kodenya :

Simple Box
Kode Script Anda Disini…….
<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>
Simple Box 2
Kode Script Anda Disini…….
<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>
Ridge Border
Kode Script Anda Disini……
<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>
Inset Border
Kode Script Anda Disini……
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini……</</div>
Outset Border
Kode Script Anda Disini…….
<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

Double Border
Kode Script Anda Disini…….

Dotted Border
Kode Script Anda Disini……
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>
Dashed Border
Kode Script Anda Disini……
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Kode Script Anda Disini……</div>
Scroll Box
Kode Script Anda Disini……
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> Kode Script Anda Disini…… </div>

Pilih salah satu contoh diatas yang Anda sukai, kemudian copy code script yang sudah diparse, dan pastekan code itu di mode HTML di post editor Blogger saat posting artikel.

Sumber : http://problogiz.blogspot.com