Wednesday, July 31, 2013

Membuat Related Post dengan Gambar Thumbnail di Blogspot


Membuat Related Post dengan Gambar Thumbnail di Blogspot




Membuat Related Post dengan Gambar Thumbnail di Blogspot




Salam Bloger Teknik Komputer dan Jaringan (TKJ), pada posting sebelumnya saya sudah berbegi artikel tentang Cara Membuat Related Post atau Artikel Terkait di Blogspot. pada posting sebelumnya related yang dibuat masih standar dan menurut saya terlalu ribet, apalagi bagi bloger pemula.





Pada posting kali ini saya akan berbagi tips dan trik tentang Membuat Related Post dengan Gambar Thumbnail di Blogspot, jadi related post yang kali ini ada gambarnya sob. dan akan kelihatan lebih menarik.





Contoh dari Membuat Related Post dengan Gambar Thumbnail di Blogspot, saya terapkan di beberapa blog saya. contohnya di blog http://zona-game28.blogspot.com dan ini hasilnya :




Related Post dengan Thumbnail


Ok langsung aja kita ke TKP untuk eksekusi Cara Membuat Related Post dengan Gambar Thumbnail di Blogspot






1. Buka linkwithin

2. Isi informasi yang diperlukan di formulir linkwithin,




Mengisi Formulir Linkwithin





Note: sesuaikan stories yang tampil dengan lebar blog sobat,




3. Kemudian klik GET WIDGET!


4. Klik instal widget\




Klik Install Widget










5. Ubah judul related post dengan judul yang sobat inginkan, seperti gambar dibawah ini




Elemen Halaman Linkwithin





6. Klik edit template kemudian ganti semua scriptnya dengan script dibawah ini, lihat Gambar Ket 1





<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:content/></b:if></b:includable>





script diatas berfungsi untuk mencegah widget tampil di homepage.



7. Kemudian klik edit content, tambahkan script dibawah ini tepat diatas kode <script>, 


Lihat Gambar Ket 2





<script>linkwithin_text='Related Posts:'</script>





note: ganti related posts dengan judul yang sobat inginkan







Edit Template dan Content





8. Klik menambah widget 


9. Untuk menampilkan related post dibawah posting. pindahkan widget kebagian bawah post, seperti gambar berikut:




Atur Posisi Widget
















10. Klik simpan





Demikian artikel tentang Membuat Related Post dengan Gambar Thumbnail di Blogspot, semoga bermanfaat bagi teman-teman semuanya, jangan lupa like dan coment ya.....!












No comments:

Post a Comment