Cara Membuat Artikel Terkait (Related Post) di Blogger

mekz

blogging

29 Juli 2012

Belum ada komentar

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