Senin, 21 November 2011

You are here: » Home » , » Cara membuat Related Posts | artikel terkait dibawah posting

Cara membuat Related Posts | artikel terkait dibawah posting

Cara membuat Related Posts | artikel terkait dibawah posting
Related posts atau artikel terkait yaitu berfungsi untuk menautkan ke artikel lain agar pengunjung melihat dan membuka artikel yang lain, sehingga pengunjung akan betah berlama-lama di blog kita.

Pada pembuatan template agar SEO friendly pun juga sangat disarankan menggunakan related post atau artikel terkait ini.Nah, Kalau pengunjung blog kita banyak rangking alexa pun juga naik, ya gag??

Pada related post ini akan menampilkan artikel dengan label yang sama pada artikel yang dibaca.

Langkah-langkah untuk membuat artikel terkait sebagai berikut :
1. Silahkan login ke blog sobat
2. Pada halaman dasbor pilih Rancangan >> Edit HTML
3. Centang expand template widget
4. Cari kode </b:template-skin>
5. Letakkan kode dibawah ini dibawah </b:template-skin>

<!-- Related Posts with Thumbnails Code Start-->
<span class='post-labels'>
<b:if cond='data:post.labels'>
<img alt='Comments' height='18' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwTTQqH3qlQuDWMBlcDMm1EU3QnnMCduNcHfVY5dDhAAwnegJITl2pv0u7_UgJ-wpYSpc3BmIgTJ0kK7Symsen596DIK1-gzXDu778YyVLZdKlf7N1RVNoUQ2uQKA2UeeJA1VVkMiiVS4/s1600/folder.png' style='margin-bottom: -5px; margin-left: 0px;' width='18'/>
Posted in:
<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 != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
<b:if cond='data:post.labels'>
<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=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<br/><br/>
<b>Artikel Terkait :</b>
<div style='overflow:auto; width:448px; height:145px; padding:15px; border:4px double #CCCCDD;'><script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>
<!-- Related Posts with Thumbnails Code End-->

6. Cari kode <div class='post-footer-line post-footer-line-2'>
7. Letakkan kode dibawah ini dibawah <div class='post-footer-line post-footer-line-2'>

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:post.labels'>
<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=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<br/><br/>
<b>Artikel Terkait :</b>
<div style='overflow:auto; width:448px; height:145px; padding:15px; border:4px double #CCCCDD;'><script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>
<!-- Related Posts with Thumbnails Code End-->

8. Simpan template

Nah, Sekian artikel tentang cara memasang related post atau artikel terkait pada blog,, Semoga bermanfaat bagi sobat semua.. ^_^

5 comments

17 Mei 2012 pukul 19.06

Saya cari kok gak ada ya...maaf neh newbe

1 September 2012 pukul 20.38

Mak Nyos,... Trim's atas infonya,..;)

30 September 2012 pukul 05.50

Thanks Infonya sob :D

4 Oktober 2012 pukul 20.26

wah mantap nih buat di pelajari, ...

21 Maret 2013 pukul 02.40

gan, kok pas aku cari kodenya ga ketemu ya?
balas ya

Posting Komentar

Terima kasih atas kunjungannya, blog ini beraliran DOFOLLOW Nah, jadi sobat jangan sungkan-sungkan untuk meninggalkan komentar..
Maaf komentar SPAM tidak akan saya tampilkan.. Wassalam.. ^_^