Tips Membuat Related Posts Thumbnail Blogspot

Tips Membuat Related Articles / Posts dengan image atau thumbail Blogspot dengan mudah, simple, tanpa repot, dan works tenan. :) Sebelum lanjut kita kupas dulu sebentar definisi dan fungsi related post itu, Related Posts / Articles adalah sebuah komponen atau widget yang digunakan untuk menampilkan artikel-artikel secara acak yang ada dalam sebuah blog. fungsi dari related artikel sendiri adalah memudahkan pengunjung blog untuk melihat-lihat artikel kita yang lain, dan menjaga agar berlama-lama berada di blog kita. Itulah sebabnya mengapa related post selalu ditempatkan di akhir sebuah artikel, secara psikologi ketika pengunjung selesai membaca sebua artikel sampai akhir, biasanya si pengunjung kebingungan ingin melakukan apa, sedang untuk mengklik home dan mencari-cari artikel lain kemungkinannya sangat kecil, malah seringkali pengunjung lebih memilih move on ke web lain. :'(

Related Article - Tips Membuat Social Media Share Artikel Blogspot

Kali ini membuatnya dengan bantuan linkwithin, widget related post yang diberikan cukup bagus, dan menarik, jadi agan tidak perlu repot lagi mikirin masalah codingan, tinggal copy paste aja.

Ok, Jika sudah paham, kita lanjut ke tahap instalasi, berikut langkah-langkahnya:

1. Kunjungi web www.linkwithin.com
2. Jika tampilannya seperti ini, maka isilah form sesuai data agan



3. Jika muncul tampilan seperti ini, klik link Install Widget





4. Langkah terakhir, cek dulu apakah sesuai dengan data agan. Jika textarea Edit Content: dan atau Edit Template: kosong, ulangi lagi langkah 2 jika belum diclose/klik back di browser. Jika tidak memungkinkan monggo ulangi lagi dari awal. :p





5. Tekan Add Widget, dan lihatlah hasilnya

Apakah ada yang aneh, belum puas sampai disini. Jika related postnya muncul di Hompage / halaman utama, mungkin agan bisa mencoba solusi ini jika ingin menampilkannya hanya di akhir artikel saja.

1. Copy script yang di Edit Content saja. Kalo sudah klik add widget tadi, berarti cari di bagian Layout sidebar.
2. Masuk ke menu Template, klik Edit HTML
3. Gunakan CTRL+F, cari kode <data:post.body/> , 
4. Jika terdapat 2 atau 3 <data:post.body/>, maka PASTE script linkwithin yang agan copy tadi ke yang nomor 2 atau nomor 3, coba-coba saja mana yang cocok.
5. Ini step tambahan saja: Jika menggunakan template blogger yang Simple biasanya kodenya yang ketiga itu seperti <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
6. Jika demikian, sisipkan saja script linkwithin agan setelah <data:post.body/> tapi masih didalam kode yang merah.
7. Kemudian klik  Save, (terus yang di sidabar tadi hapus saja).

Related Article - Tips Membuat Animasi Image Artikel Blogspot

Demikian artikel tentang Tips Membuat Related Posts Thumbnail Blogspot kali ini, semoga bermanfaat. :)

› Read More