29 Juli 2012

Cara Membuat Artikel Terkait (Related Post) di Blogger

Hallo teman2 blogger, kali ini saya ingin share tentang bagaimana memasang related post (tanpa thumbnail) atau posting yang berhubungan / berkaitan dengan judul postingan kita.

Artikel sumber nya berasal dari blog hendsoe yang kali ini saya tulis ulang sekaligus menambahkan yang sekiranya perlu di tambahkan. Untuk contoh related post kali ini bisa di lihat screenshoot di bawah ini. :)


klik utk memperbesar



Langsung saja kita ke tahap instalasi related post untuk Blogger kali ini.

1. Login ke Blogger
2. Klik Rancangan » Edit HTML
3. Back up dulu template anda dg klik "Download Template Lengkap"
4. Klik "Expand Template Widget"
5. Masukkan kode css berikut tepat di atas kode ]]></b:skin>


6. Gunakan CTRL+F dan cari kode berikut : <data:post.body/>
7. Masukkan kode berikut tepat di bawah kode <data:post.body/> , jangan lupa di save dan silahkan di lihat hasilnya. :)

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts To This Article : </b></font><font color='#FFFFFF'>
<b:loop values='data:post.labels' var='label'><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=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>

Semoga artikel singkat tentang bagaimana memasang related post atau post terkait di blogger ini berguna dan bermanfaat bagi kawan-kawan blogger sekalian, Wassalam. :)

sumber: hendsoe.blogspot.com, pandaanku.com

→ Komentar yang menyertakan link aktif, iklan atau titip link akan dimasukan ke folder SPAM
→ Gunakan kode ini utk Emoticon (tanpa ♦)
:) ♦ :( ♦ ;) ♦ :p ♦ =( ♦ ^_^ ♦ :D ♦ =D ♦ |o| ♦ @@ ♦ :-bd ♦ :-d ♦ :ngakak: ♦ :lol: ♦ :love: