Cara membuat artikel berhubungan atau related Post

Salah satu yang termasuk tips membuat pengunjung betah berlama-lama di blog kita yaitu Dengan menampilkan "Artikel yang berhubungan" atau "Related Post" pada blog, dengan menampilkan artikel yang berhubungan atau related Post,  sangat membantu pembaca artikel atau pengunjung, sehingga mereka bisa dengan mudah menemukan postingan lain yang masih ada hubungannya dengan artikel yang sedang mereka baca dalam kategori atau label yang sama, untuk contohnya bisa dilihat dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori atau label yang sama.
Untuk membuat artikel yang berhubungan terlebih dahulu anda harus sudah memasang atau memberi label pada setiap posting atau artikel. Cara membuat label bisa anda lihat pada artikel"Cara membuat label".

Bila anda juga bermninat membuat artikel berhubungan atau related Post pada blog anda, silahkan anda ikuti langkah-langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.






4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode yang mirip dengan kode ini : <data:post.body/>

7. Bila blog anda sudah menggunakan Read more,Taruh kode dibawah ini setelah kode <data:post.body/> yang kedua :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<h2>Berikut Artikel Yang Berhubungan : </h2><br/><h3><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </h3><img src='http://images.zwani.com/graphics/animated/images/animated119.gif'/><hr/>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>

8. Simpan Template

Dan sekarang anda lihat hasilnya akan seperti yang ada dibawah artikel ini.

Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.