Bermula dari script box templete viomagz yang menurut saya tampilanya kurang sreg di hati, (tetapi templatenya sangat keren). Akhirnya saya coba cari tahu, bagaimana cara membuat script box dalam postingan blog. Hasilnya melalui tutorial dari petani kode, saya coba buat namun gagal. Script yang ada saat ini bukan milik saya, tetapi saya ambil dari ferisp.com yang dimodifikasi ulang tampilannya.Tampilan 1
<div style="background-color: #f6f6f6; border: 1px solid #009ee0; border-radius: 0 10px 10px 0; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 2
<div style="background-color: #f6f6f6; border-top: 5px solid #009ee0; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 3
<div style="background-color: #f6f6f6; border-top: 5px solid #009ee0; border-left: 5px solid #009ee0; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 4
<div style="background-color: #f6f6f6; border-left: 5px solid #009ee0; border-radius: 10px; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 5
<div style="background-color: #f6f6f6; border-radius: 10px; border: 5px outset #fafafc; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 6
<div style="background-color: #f6f6f6; border: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 7
<div style="background-color: #f6f6f6; border-left: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script di sini...
</div>
Tampilan 8
<div style="background-color: #2c323c; color: #fff; border-left: 5px solid #800000; padding: 17px; text-align: left;">
Script di sini...
</div>
<div style="background-color: #e6f7ff; border-radius: 10px; padding: 17px; text-align: left;">
Script di sini...
</div>
Jangan lupa baca juga Cara Membuat Quotes Keren dalam Postingan Blog Menggunakan Script Box