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/AVvXsEiNobCj4McxVED7WUed19Zr81kUkX3DYaQ_Wi3LvSQh8JBaQasLrns23XVorSpMBPtYEXXsCRQJWQRMoGec6OfroSqbLT5OholVT3ey2SdP6obCUL4eJ0hKnFUqKqbvujRSaNlbPmmEoHw/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