Cara Membuat Related Post Dibawah Artikel

Turotial tentang Cara Membuat Related Posts Di Bawah Artikel . Artikel terkait dibawah posting sangat penting keberadaannya pada suatu blog , karena selain bisa menunjang SEO , related posts juga berfungsi untuk memudahkan pengunjung untuk mengakses artikel kita yang berkaitan dengan artikel yang sedang di baca oleh pengunjung.

Jadi si pengunjung lebih bisa berlama-lama menelusuri blog kita sobat, tentunya dengan Related Posts Di Bawah Artikel ini akan menunjang profesionalitas blog kita. Nah karena begitu vital fungsinya , saya akan share tutorial ini.

Apa Fungsi Related Posts Di Bawah Artikel ?. Fungsi dari related posts adalah menampilkan artikel yang berkaitan yang ada dalam blog kita. Masih belum paham..? Begini lo misalnya sobat memposting artikel dengan label ikan bandeng, blogger tutorial, desain blogger, atau apa aja deh maka jika pengunjung mengklik artikel kita yang misalnya berlabel tutorial blog maka akan muncul menu dibawah postingan kita yang menyajikan artikel-artikel yang berlabel tutorial blogger.

Dibawah ini tampilan dari related posts nya :



Dan Berikut Cara Membuat Related Posts Di Bawah Posting.

1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan.
3.Edit Html » Centag kotak Expand template widget.
4.Cari kode /head

letakkan kode dibawah ini sebelum kode /head  yang anda temukan.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIiR8vtVkoraGGcZuHFvBBur7RlleIHhO5h1OHGbv_qCcH8r6jN8jMhHQVNR0p5l81a0OfczWZNnRe7sIWwoq7fOo1hSZgad7eXlaKAIzHhdpxsL2DZckfG5B1nR1ByWXxcU1xuZOoxyM/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://fispol.com/bisnis/vom.js' type='text/javascript'/>

5.Sekarang cari kode <data:post.body/> jika ada dua, pilih yang kedua dan letakkan kode di bawah ini dibawah kode <data:post.body/>.


<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>


6.Save template sobat dan lihat hasilnya.

Sekian tutorial tentang Cara Membuat Related Posts Di Bawah Posting semoga bisa bermanfaat bagi kita semua. Jangan lupa untuk meninggalkan komentarya yah...!