Cara Membuat Kotak Script Di Dalam Postingan Blog Terbaru

Apa kabar sobat Zerone Blog pada kesempatan kali ini saya akan memberikan tutorial Cara Membuat Kotak Script Di Dalam Postingan Blog, Kotak script sendiri di gunakan untuk menaruh script2 di postingan sobat agar terlihat rapih dan teratur dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya.

Jika sobat ingin menggunakan kotak script sobat bisa tinggal copas saja script di bawah ini maka akan muncul script kotaknya di postingan sobat

Note : sebelum memposting script terlebih dahulu script yang akan sobat diposting di parse dahulu agar tidak terjadi error script nantinya sobat bisa parse script di sini

Contoh Script

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

Hasilnya akan seperti ini

.Klik Disini.

Ok sobat berikut ini beberapa script yang mungkin bisa sobat gunakan

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda yang sudah di parse Di Sini
</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;">Kode Script Anda 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 Anda Disini</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;">Kode Script Anda Disini</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;">Kode Script Anda Disini</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;">Kode Script Anda Disini</div>

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

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

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

Cara penerapannya :

1. Silahkan sobat copy salah satu kode kotak script di atas
2. lalu pastekan pada menu tab HTML Artikel entri
3. ganti kode yang berwarna merah dengan kode script yang ingin sobat masukan parsekan kode terlebih dahulu sobat bisa parsekan di sini

Demikian Cara Membuat Kotak Script Di Dalam Postingan Blog Yang dapat Zerone Blog berikan semoga bermanfaat dan selamat mencoba.