Cara Membuat Kotak Script Di Dalam Postingan Blog

Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi. Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya cukup mudah tinggal copas script dibawah ini maka akan muncul kotak tersebut dipostingan anda. sebelum memposting script terlebih dahulu script yang akan diposting di parse dahulu agar tidak teerjadi error script, kemudian copy paste script hasil parse tersebut ke kotak script dibawah.:

Kotak Hijau

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

Kotak Silver

Baca Juga

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

Kotak Biru

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

kotak abu-abu lonjong

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

kotak biasa

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda Di Sini
</div>

Kotak Biru Laut

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

Kotak abu-abu bersamping biru

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

KETERANGAN :
- Copy script box code yang bewarna atau tidak berwarna, sesuai keinginan anda
- Paste pada Menu Tab HTML Artikel Entri,

-Ganti kode yang berwarna (Merah) yang bertulisan (Kode Script Anda Disini) dengan script yang anda inginkan

Kreasi dengan beberapah bagian di bawah ini :
- Mengganti ukuran sudut lengkungan : border-radius: 10px ada 3 ganti semua
- Mengganti warna background : background-color: #codewarna
- Merubah ketebalan border / garis tepi kolom : border: 4px

Semoga Bermanfaatya...