CARA PASANG RELATED POST ARTIKEL TERKAIT THUMBNAIL VERSI 2

Setelah sebelumnya aku memberikan tutorial mengenai cara membuat related post buat menampilkan list judul postingan yg herbi postingan primer, kali ini aku akan berikan satu lagi tutorial menciptakan related post tai kali ini menggunakan menyertakan thumbnail. Related post atau artikel terkait bisa memudahkan pembaca buat mencari topik yang berkaitan. Nah kali ini aku ingin membahas cara membuat related post yg lebih menarik yaitu menggunakan menambahkan thumbnail atau gambar didalamnya. Agar lebih kentara perhatikan gambar dibawah ini.

Menarik bukan? Cara ini sanggup dipakai bersamaan menggunakan related post tanpa thumbnail. Bagi anda yang tertarik buat memasangnya, ikuti langkah-langkah berikut:

1. Yang pasti anda mesti Login ke Blogger dulu 
2. Buka pilihan menu Design -> Edit HTML 
3. Beri centang dalam "Expand Widgets Templates"
4. Letakkan kode berikut diatas
   

   
   

   var defaultnoimage="//lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png";

   var maxresults=5;

   var splittercolor="#cccccc";

   var relatedpoststitle="You might also like:";

5. Lalu cari  
6. Kalau tidak ketemu coba cari post-footer-line 
7. Letakkan kode berikut dibawahnya.
   

   
   

   
   

   
   

8. Terakhir Save template anda.

Keterangan:

• var defaultnoimage="//lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/ AAAAAAAADaY/gk-KFA5_m7w/noimage.png" menunjukkan gambar yg ada dalam postingan yang tidak memiliki gambar. Anda bisa mengganti gambar tersebut menggunakan gambar lain.
• var maxresults=5 menunjukkan jumlah postingan yang ada dalam related post. Silahkan atur jumlah postingan yg mau ditampilkan dengan mengganti angkanya.
• var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode rona yang anda inginkan.
• var relatedpoststitle="You might also like:" menunjukkan judul related post. Ganti teks yang berwarna merah menggunakan judul yang anda inginkan.

Bagi anda yang merasa cara diatas terlalu sulit, anda bisa memakai widget related post menggunakan thumbnail yang disediakan sang linkwithin.com. Untuk cara pemasangannya sangat mudah, berikut langkah-langkahnya:

1. Buka situs //www.linkwithin.com 
2. Isi data-data yang diperlukan pada form yang sudah disediakan
   

   Email: alamat email anda
   Blog link: Alamat blog dimana anda memasang widget related post with thumbnail
   Platform: pilih Other
   Width: pilih jumlah related post yang mau ditampilkan

   Beri centang pada kotak mini bila anda memakai background template yg gelap
3. Klik Get Widget 
4. Copy serta paste kode script yg diberikan diatas