MEMBUAT KOTAK SCRIPT DALAM POSTINGAN BLOG

Menyematkan kotak dalam tulisan/postingan blog kita  memang terlihat menarik dan indah, banyak blogger yang menggunakannya dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.

Namun kotak yang disematkan dalam sebuah postingan ini tidak disediakan secara default oleh blogspot, sehingga kita dituntut kreatif untuk membuatnya sendiri. Setelah saya search dan memprateknya ternyata tidaklah terlalu sulit untuk diterapkan oleh semua blogger, oleh karena itu saya share kembali karena kita tidak boleh mengklaim karya orang lain sebagai karya kita ( Katanya … !!! ).

Dan berikut adalah langkah – langkah yang sudah saya lakukan dan dapat sobat blogger ikuti semua:

v     Login ke blogger dan pilihlah Entri Baru

v     Buatlah sebuah tulisan apa saja sebagai percobaan membuat kotak dalam sebuah postingan 

      blog, saat menulisnya sobat dalam posisi di Compose

v     Setelah itu copy paste script ini, dan kembali ke postingan sobat di blogger.

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

. percobaan Bms_75.</div>

v     Selanjutnya pilih/klik HTML

v     Paste Script yang tadi dicopy di bawah postingan

v     Kembali lagi ke/klik Compose dan lihat hasilnya. Tadaaaaa…… sudah ada kotak bukan.

v     Selanjutnya sobat bisa mengganti tulisan '. percobaan Bms_75.' dengan tulisan yang ingin sobat

      taruh disana misalnya apa saja sebagai percobaan membuat kotak dalam sebuah postingan 

      blog, bisa berupa script atau tulisan lain. Mudah kan ….!!!

Mudah dong….???? Hanya kita tentu lama – lama bosan dengan kotak yang itu – itu saja dan ingin tampilan kotak yang lainnya. Sobat blogger bias merubahnya sesuka hati. Berikut scriptnya.

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

.percobaan Bms_75.</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. Mengenai perbedaannya silahkan sobat praktekan biar lebih paham.

padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung postingan.

background-color:ffffff; = warna dalam kotak.

Dan text-align:left; = posisi tulisan didalam kotak rata di kiri 

Demikian penjelasan kode HTML  untuk membuat kotak script dalam postingan. Silahkan memodifikasi sesuai dengan selera. Tidak terlalu susah hanya butuh ketelitian dan kecermatan saja.

Selamat mencoba.

Semoga artikel ini bermanfaat.