Pasang Related Post With Thumbnail (LinkWithin)

Selamat pagi sobat, selamat menjalankan ibadah puasa bagi yang melaksanakannya. Ini posting pertama saya dibulan Ramadhan, setelah beberapa waktu belakangan saya diharuskan istirahat karna suatu hal.

Pada kesempatan ini saya akan memberikan tips membuat related post atau artikel terkait with pada blogger. Apa itu related post? related post fungsinya hampir sama seperti navigasi yang mempermudah pengunjung untuk membaca artikel lain yang ada di blog. Contohnya bisa lihat gambar dibawah atau rasakan langsung manfaatnya dibawah postingan ini.

Untuk membuat related post ini kita memanfaatkan fitur yang disediakan oleh LinkWithin. Salah satu alasan mengapa menggunakan LinkWithin yaitu karna penggunaannya cukup simple & juga tampilan yang diberikan cukup simple & tentunya menarik. Langsung aja kita praktekan..

Silahkan ikuti beberapa langkah berikut:

1. Kunjungi websitenya dimari www.linkwithin.com/learn
2. Disebelah kanan halaman tsb terdapat sejenis formulir, silahkan isi alamat email & link blog kalian
3. Pada option platform, silahkan pilih "other"
4. Option width menentukan jumlah thumbnail postingan yang akan ditampilkan
5. Jika sudah, silahkan klik Get Widget!

Halaman selanjutnya terdapat script yang nantinya akan kita gunakan, mari menuju ke dashbord blogger, lanjut lagi kang..

1. Masuk ke halaman Template
2. Edit HTML > Lanjutkan
3. Cari kode </body> gunakan fasilitas find (ctrl+f)
4. Copas kode berikut diatas </body>, lalu Simpan Template

   <b:if cond='data:blog.pageType == &quot;item&quot;'>

   Paste kode linkwithin disini

   </b:if>

   
   
   

Cara mengganti tulisan You might also like pada LinkWithin
Sekarang saatnya memberi sedikit modifikasi pada widget tadi. Yaitu dengan mengubah tulisan "You might also like" dengan tulisan yang kita inginkan. Berikut langkah-langkahnya:

1. Masuk ke halaman Template
2. Edit HTML lalu Lanjutkan
3. cari kode </head> gunakan ctrl+f
4. pasang kode di bawah ini di atas kode tersebut
   

   <script>linkwithin_text='Artikel Terkait:'</script>

   
   
   
5. Ganti tulisan Artikel Terkait: dengan tulisan yang kalian inginkan
6. Simpan Template

Silahkan dicek lagi hasilnya, semoga bermanfaat..