Cara membuat kotak script pada postingan 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  oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini. 

• Login ke blogger dan pilihlah 'Entri Baru'
• Buat tulisan (New post)

• Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger. 

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

• Selanjutnya pilih 'HTML' 

• Paste script yang tadi di copy di bawah postingan.
• Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tarrrrraaaaa, berhasil, berhasil,  Hooorrrraaaaaaayyyyyy :D  

• Ganti tulisan "Mr D" dengan kata yang agan inginkan.

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;">
."Mr D".</div>

• Ganti tulisan "Mr D" dengan kata yang agan inginkan
• border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
• Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).

.Mr D (Dashed).

.Mr D (Dotted).

.Mr D (Groove).

.Mr D (Inset).

.Mr D (Outset).

.Mr D (Ridge).

.Mr D (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, kurang lebihnya seperti itulah langkah-langkah dalam membuat kotak script pada postingan blog.

Sekian artikel dari Mr D, semoga bermanfaat dan terima kasih.