Cara Membuat Kotak Script HTML Di Postingan Blog

Cara Membuat Kotak Script HTML Di Postingan Blog - kotak html sangatlah penting bagi blogger yang mempunyai blog yang fokus pada tutorial blog, kotak script html yang saya bagikan kali ini sangatlah mudah di pasang dan mudah untuk diedit sendiri sesuka hati, mulai mengganti border maupun warna backgroundnya.

Langsung saja saya kasih beberapa kotak script html yang bisa kalian pilih :

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #CE0D0D; border-radius: 10px; border: 4px outset #000; padding: 10px; t-align: left;"> ini adalah kotak script html yang saya pakai pada blog ini </div>

hasilnya :

ini adalah kotak script html yang saya pakai pada blog ini

 atau bisa pilih yang lainnya :

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;"> Sanjaya 404 </div>

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

<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;"> Sanjaya 404 </div>

<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;"> Sanjaya 404 </div>




<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;"> Sanjaya 404 </div>




<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;"> Sanjaya 404 </div>




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




<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Sanjaya 404 </div>




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




<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Sanjaya 404 </div>

Cara memasangnya seperti berikut :

1. copy script kotak html yang kalian suka diatas
2. lalu paste kan script tersebut pada tab HTML (jangan di Compose)
3. kemudian berpindah ke tab Compose dan ganti tulisan "Sanjaya 404" (yang berwarna merah) dengan script anda (taruh script anda disini). contohnya ada di atas. CMIW