Cara Pasang kotak bordiran di postingan Blog

Cara Pasang kotak bordiran di postingan Blog

Jika kita memposting suatu artikel tentunya kita menginginkan sesuatu yang bervariasi sehingga menarik untuk di baca dan di lihat. Salah satunya dengan menambahkan aneka bingkai bordiran pada suatu postingan. Nah untuk itu kali ini saya akan membahas bagaimana cara menambahkan bingkai bordiran pada postingan.

Cara Menambah Bingkai Bordir Pada Postingan :

1. Login ke blogger
2. Klik Entri Baru
3. Tulis apa yang mau anda tulis, jika ingin memasang bordir di antara tulisan yang anda buat, maka copy kode dibawah ini (jangan lupa edit pada HTML)
   MEMBUAT BORDIR BLOG
   BERGARIS GARIS PUTUS-PUTUS
   <div style="border: 4px #345d15 dashed; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
   GARIS LURUS
   <div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
   TITIK TITIK
   <div style="border: 4px #345d15 dotted; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
   GARIS LURUS TEBAL
   <div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; text-align: left"> MASUKAN TEKS DISINI </div>
   LAIN LAIN
   <div style="border: 4px #345d15 inset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
   
   <div style="border: 4px #345d15 outset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
   
   BORDIR SCROLL
   <div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>
   
   
   
   BINGKAY
   
   <div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
   
   <div style="border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
   
   <div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
   
   <div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
   
   <div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
   
   <div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
   
   <div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
   Tulisan Anda...
   </div>
4. Setelah di paste pada edit HTML, kemudian untuk melihatnya ganti pada edit Compose
5. Jika Postingan sudah selesai dibuat maka simpanlah hasil kerja anda.
6. Sebelum dipublikasikan ada baiknya Pratinjau terlebih dulu.

Nah itulah gan caranya gampang kan? selamat mencoba ya :D