Cara membuat kotak/box untuk code script pada postingan blog

Image result for kotak script blog
Sering kali orang ingin membuat konten menggunakan box/kotak kode untuk tempat menaruh script kode nya dan ini lah yang akan saya bagikan tutorialnya kepada kalian.

Silahkan pilih sesuai kesukaan anda :

1. Box simpel biru


Silahkan masukan code scriptnya disini

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan masukan code scriptnya disini </div>

2. Box simpel jingga

Silahkan masukan code scriptnya disini

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan masukan code scriptnya disini </div>

3. Box garis 1

Silahkan masukan code scriptnya disini

<div style="border: 3px #5f200e outset; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan masukan code scriptnya disini</div>

4. Box garis 2

Silahkan masukan code scriptnya disini


<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Silahkan masukan code scriptnya disini</</div>

5.Box garis luar

Silahkan masukan code scriptnya disini

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan masukan code scriptnya disini</div>

6. Box garis dobel

Silahkan masukan code scriptnya disini

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan masukan code scriptnya disini</div>

7. Box garis putus putus

Silahkan masukan code scriptnya disini

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Silahkan masukan code scriptnya disini</div>

8. Box garis putus putus

Silahkan masukan code scriptnya disini

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan masukan code scriptnya disini</div>

9. Box scroll

Silahkan masukan code scriptnya disini Silahkan masukan code scriptnya disini Silahkan masukan code scriptnya disini Silahkan masukan code scriptnya disini Silahkan masukan code scriptnya disini


<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 400px; text-align: left;"> Silahkan masukan code scriptnya disini </div>

ket :  400px : Lebar Box
          50px : Tinggi Box

0 Response to "Cara membuat kotak/box untuk code script pada postingan blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel