TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Cara Membuat Related Post

Original by IFX Adrian | 28 November 2009 7 Comments

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...

Label:

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

7 komentar:

riya 25 November 2010 15.41  

thank infonya mas bermanfaat banget nie

Posting Komentar