Menaruh Widget di atas Postingan

Setelah saya menerangkan Cara Membuat Elemen di atas elemen post
kini saatnya saya menerangkan cara Menambah elemen di atas post. Pada waktu itu ada yang bertanya juga kepada saya cara menambah elemen di atas post gimana sih gan? sebenarnya sih mudah hanya memerlukan kode widget yang nanti akan di taruh di atas postingan dan sedikit modifikasinya. Untuk contoh dari post ini sobat bisa lihat gambar di bawah ini


Tangan yang berwarna hijau menunjukan elemen yang telah di tambahkan sedangkan tangan yang berwarna merah menunjukan postingan, sekarang kita lihat cara pembuatannya yuk!

1. Seperti biasa login ke blogger
2. Masuk ke Tata Letak => Edit HTML
3. Setelah itu siapkan kode widget yang akan di taruh
4. setelah menyiapkannya, sekarang cari kode <div id='main-wrapper'> lalu taruh kode Widget yang sudah di siapkan tepat di bawahnya, contoh lihat ke bawah
   
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div style='height:130px; width:570px; padding-bottom:30px; background:#fff url(http://oketrik.googlecode.com/files/Logo%20oketrik.gif) left bottom no-repeat;'> <p style='font-weight:bold;font-size:15px;color:#0000ff;'>Kumpulan Trik Blog dan Free Templates</p> <p style='color:#000;padding-left:130px;'>Anda Pengunjung pertama blog ini? jangan pergi dulu, karena trik disini menarik-menarik loh, g percaya coba saja di cek dan anda juga bisa berkonsultasi tentang trik-trik yang ada di sini, jangan sungkan-sungkan untuk bertanya oke coy <img alt=':))' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG0E9rkX3fjR0w3d-d-bSldrC0fG825CzE4YyZN6KjbQgIkk2Ufv6zvJlyR6aIwuOEEgfkKJdZD3HsU4b8FLBbo2-OJjauZX9wZRn3t4U9A9nnuZ6oVzQJIezqbQbFYMfJROpTjrFO2gJM/'/></p> </div>
   </b:if>
   
   
   
   
   
5. kode yang berwarna merah sobat ganti dengan kode widget yang tadi sudah di siapkan
   
6. setelah menaruhnya silahkan sobat simpan dan lihat hasilnya
7. selesai deh

Bagaimana cara Menaruh Widget di atas postingan? mudah bukan? kalau begitu saya pergi dulu y, jangan pergi dulu?? memang kenapa? apa!! tidak bisa? oke deh kalau sobat mengalami kesulitan atau ada pertanyaan silahkan sobat tinggalkan pesan di kotak komentar di bawh ini atau di mana saja deh yang penting saya dapat mengetahuinya. oke sekarang saya mau pergi dulu. Terima kasih dan Happy blogging .

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg