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

Berbagi