Cara Membuat Kotak Script pada Postingan Blogspot

Hai. Kali ini ZTN CODE berkesempatan membrikan Tutorial Cara membuat kotak script pada postingan blog, oke langsung sajah disimak..

1). Script Border dan Background

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Tulis Disini</div>

2). Script garis warna merah di samping

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FEBF80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">Tulis Disini</div>

Garis Hijau Di samping

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #ff0000; border-radius: 0px; padding: 10px; t-align: left;">Tulis Disini</div>

3). Script border putus-putus kecil dan background

<div style="background-color: #d580fe; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">Tulis Disini</div>

4). Script garis di luar

<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;">Tulis Disini</div>

5). Script border putus-putus dan background

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed
#aaa; padding: 10px; t-align: left;">Tulis Disini</div>

6). Script border dua garis tanpa background

<div style="border: 3px #FE0606 double; padding: 10px; text-align: left;">Tulis Disini</div>

7). Script border dotted (putus putus)

<div style="background-color: white; border: 3px #1780dd dotted; padding: 10px; text-align: left;"> <span style="background-color: #f3f3f3;">Tulis Disini</span></div>

8). Script border dua warna

<div style="background-color: white; border: 3px #1780dd outset; padding: 10px; text-align: left;">Tulis Disini</div>

9). Script background tanpa border

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">Tulis Disini</div>

10). Script Bayangan Shadow

<div style="padding:20px 30px;text-align:left; background: #999 no-repeat right; color: #fff;font-size: 16px;line-height: 1.4; border: 0;border-radius: 10px;margin: 0 30px 10px;display: block; box-shadow: 11px 10px 0px #555; ">Tulis Disini</div>

11). Script Scroll

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Tulis Disini - Tulis Disini - Tulis Disini - Tulis Disini - Tulis Disini - Tulis Disini - Tulis Disini - Tulis Disini</div>

Silahkan Kopas sajah kode scriptnya, PasteKan ke postingan Blog dengan mengganti mode Compose/penulis Ke Mode HTML