Membuat Kotak Script Pada Blog

Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.

Namun kotak yang disematkan dalam postingan ini tidak disediakan default oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.

• Login ke blogger dan pilihlah 'Entri Baru'
• Buat tulisan, posisi tulisan adalah mode 'Compose'.
• Setelah itu copy script ini, dan kembali ke postingan Anda di blogger.

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

• Selanjutnya pilih mode 'HTML'.
• Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
• Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak. 
• Selanjutnya Anda bisa mengganti tulisan 'Script disini' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. Mudah kan...!

Mudah dong, namun mungkin Anda tidak setuju dengan tampilan kotak contoh diatas. Anda bisa merubahnya sesuka hati. Berikut ini penjelasan scriptnya.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;

text-align: left;">Script disini</div>

• border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
• Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).

Dashed

Dotted

Groove

Inset

Outset

Ridge

Solid

• padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
• background-color:ffffff; = warna dalam kotak.
• Dan text-align:left; = posisi tulisan didalam kotak di kiri 

Nah itulah penjelasan kode HTML untuk membentuk kotak script dalam postingan. Silahkan memodifikasi sesuai dengan selera Anda. Dipostingan selanjutnya kita akan mmbuat kotak dengan scroll dalam postingan blog yangdapat dilihat disini.

Share this post