Menaruh Widget Di bawah Postingan

Setelah postingan sebelumnya menjelaskan menaruh widget di atas postingan, kini saatnya saya memberikan trik Menaruh Widget di bawah postingan dengan menggunakan CSS dan HTML. ada sedikit property yang saya gunakan mengandung css3 yaitu drop shadows. Sebenarnya mempercantik daerah postingan menurut saya pribadi itu sebuah keharusan agar pengunjung yang sedang membaca merasa betah dan ingin terus-terusan membaca artikel yang ada di blog kita , nah sekarang kita lihat ke langkah-langkahnya yuk.

1. Login ke blogger
2. masuk ke Tata Letak => Edit HTML
   
   
   
   
   
3. setelah berada pada halaman Edit HTML sobat harus mengklik kotak kecil yang berada di samping tulisan Expand Widget Template
   
4. setelah itu cari kode ]]></b:skin> lalu taruh kode css berikut tepat di atasnya
   
   .widgetbawahpost {background:#e1f2ff; padding:10px; margin:10px 0px; border:1px solid #ddd; line-height:1.6em; -moz-box-shadow:#585858 3px 3px 4px}
   
   
   
   
5. Setelah itu cari kode <data:post.body/> dan taruh kode HTML berikut tepat di bawahnya
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='widgetbawahpost'>
   Anda pengunjung baru blog ini? eits jangan pergi dulu karena <strong>trik yang ada di sini menarik dan keren-keren, g percaya?? coba saja cek</strong> dan satu hal, sobat bisa bertanya tentang trik yang ada disini dengan saya. Jangan sungkan-sungkan ya untuk bertanya g bakal gigit kok ^_^
   </div>
   </b:if>
   
   
   
   
   
6. Setelah menaruhnya sobat bisa menyimpannya dan melihat hasilnya

Semoga ini bermanfaat y buat sobat semua yang senang mengutak-ngatik template clasic . Sebenarnya judul di atas bisa disebut dengan menaruh pesan dibawah postingan namun kalau seperti itu keliatannya kurang begitu menarik jadi saya ambil saja judul tersebut. Mungkin hanya sekian dari saya. Terima Kasih dan Happy Blogging.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg