Mungkin anda pernah mengunjungi web atau blog yang menampilkan "related post " atau “artikel yang berhubungan” di akhir artikel. Keuntungannya adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Selain itu, related post juga berperan penting untuk meningkatkan pageviews blog. Tapi anda jangan berpikir bahwa related post itu akan muncul begitu saja tanpa harus mengutak-atik template. Mau tau caranya membuatnya?

Berikut Cara Membuat Related Post:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode </head>, lalu paste kode berikut di atasnya:

<script src="http://tipsbloggerzacky.googlecode.com/files/relatedpost.js" type="text/javascript"/>

4. Kemudian cari kode berikut:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Tambahkan kode berikut dibawah kode <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>

5. Cari kode <div class="post-footer"> atau yang hampir sama, lalu paste kode berikut dibawahnya:

<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

6. Terakhir, klik Save Template.

Untuk contoh tampilan related post bisa anda lihat sendiri di bawah postingan ini.

Selamat mencoba...

Jangan lupa kasih komentar ya...