Script Box Responsive Untuk Blog

Mei 23, 2018

Assalamu alaikum wr.wb

Pada kesempatan kali ini Tentang Script Box Responsive
Dan Script Box ini sangat cocok sekali buat Sahabat Blogger, karnanya pasti membutuhkannya di setiap postingan, apa lagi yang berkaitan dengan Script, Maka Script Box Responsive lah yang mampu mengatasi Error atau Blank pada postingan menampilkan Script
Dan Postingan sebelumnya Contoh Atribut Textarea kala Menurut saya si pungsinya sama .. Sama Box atau kotak da sama-sama untuk naruh Script

Oke... Langsung saja pada cara membuat Script Box atau Text Box
1. Login ke Blog
2. Klik Postingan
3. Klik Entri
4. Klik HTML lalu paste kan Script di bawah
5. Klik Compose
6. Done :v

Script Box Responsive

<div style="background-color: #cccccc; border: 3px #eeeeee solid; height: 100px; overflow: auto; padding: 10px; text-align: left; width: 520px;">
kode script Sobat di sini</div>

<div style="border: 6px #444444 solid; padding: 10px;background-color:#07BCF1;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
Tulis kode Anda disini</div>

<div style="border: 3px #610B38 dashed; padding: 10px; background-color:#C46507; tex>t-align: left;">Tulis  Kode Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #2BE92F; border-radius: 10px; border: 8px outset #D4771A; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #0E0A11; border-radius: 10px; border: 7px double #9A23E7; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #8B9279; border-radius: 10px; border: 6px dashed #B0E723; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

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

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #0000CC; border-radius: 10px; padding: 10px; t-align: left;border-right: 5px solid #0000CC">Tulis Kode Anda Di Sini</div>

<div style="border: 3px solid #78F3E7; padding: 10px; background-color: #BABFBF; text-align: left;">
Tulis Kode Anda Di Sini
</div>

<div style="border: 2px #ff0066 dashed; padding: 10px; background-color:#ffccff; tex>t-align: left;">Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: white; border-radius: 10px; border: 4px double #ccff00; padding: 10px;">
Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #33ff99; border-radius: 10px; border: 2px dashed #ffff99; padding: 10px; t-align: left;">
Kode Script Sobat Disini</div>

<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 Sobat Disini</div>

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

<div style="background-color: #ff99ff; border: 3px #ff33cc double; padding: 10px; text-align: left;">
Kode Script Sobat Disini</div>

<div style="background-color: #ccffff; border: 3px #ccff00 double; padding: 10px; text-align: left;">
Kode Script Sobat Disini</div>

<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: #ffffcc; border-top: 20px solid #ffff00; overflow: auto; padding: 10px; t-align: left; t-color: #CCFFFF;">
Kode Script Sobat Di sini
</div>

<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: #dddddd; border-top: 20px solid #f4034c; overflow: auto; padding: 10px; t-align: left; t-color: #CCFFFF;">
Kode Script Sobat Disini
</div>

Dan silahkan modifikasi panjang lebar dan warna sesuai selera, agar tampak mecing dan kece :v
Dan tentang warna sudah di posting sebelumnya Kumpulan Kode Warna Warni HTML dan bawah ini pilihan warnanya