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.....!



Share this article :
+
Previous
Next Post »
0 Komentar untuk "Membuat Related Post dengan Gambar Thumbnail di Blogspot"
Related Posts Plugin for WordPress, Blogger...