Cara Membuat Artikel Terkait (Related Post) Sederhana Tanpa Thumbnail

Artikel Terkait atau disebut juga dengan Related Post adalah deretan artikel yang relavan atau berada dalam kategori/label yang sama dengan artikel yang sobat baca.

Misalnya hari ini saya membuat postingan dengan judul 'Cara Meningkatkan Pengunjung Blog Dengan Cepat', lalu sobat memberi label Tutorial Blogger pada postingan tersebut.

Keesokan harinya sobat membuat artikel lagi dengan judul 'Cara Agar Trafik Pengunjung Blog Tetap Stabil Walaupun Jarang Update Postingan' dan sobat juga memberi label Tutorial Blogger pada artikel tersebut.

Setiap  kali sobat membuka artikel 'Cara Meningkatkan Pengunjung Blog Dengan Cepat', maka artikel 'Cara Agar Trafik Pengunjung Blog Tetap Stabil Walaupun Jarang Update Postingan' akan muncul dibawahnya, begitu juga sebaliknya.

Artikel Terkait juga mempunyai banyak model, tergantung ciri khas dari blog. Ada yang menggunakan thumbnail dan ada juga yang tidak menggunakannya. Ada yang memanjang ke samping dan ada juga yang memanjang ke bawah.

Namun, kali ini saya akan membagikan cara membuat artikel terkait sederhana tanpa thumbnail, karena model seperti ini lebih ringan sehingga tidak memberatkan loading blog. Selain itu Artikel Terkait juga sangat membantu dalam meningkatkan pengunjung blog.

Cara Membuat Artikel Terkait/Related Post Sederhana Tanpa Thumbnail

1. Buka Blogger > Template > Edit HTML.
2. Kemudian cari kode ]]></b:skin> dan letakkan CSS di bawah ini di atasnya.

/* Related posts */
#related-post-zulfanlife{overflow:hidden;margin:15px 0;padding:0}
#related-post-zulfanlife h3{font-size:20px;font-weight:bold;padding:0 0 8px;margin:0;color:#4C565F}
#related-post-zulfanlife ul{margin-left:20px;padding:0 0 0 10px}
#related-post-zulfanlife ul li{padding:0 0 8px}

3. Setelah itu cari kode <data:post.body/> dan letakkan script di bawah ini di atasnya.

<!-- Related posts di bawah postingan -->
<div id='related-post-zulfanlife'>
<h3>Artikel Terkait:</h3>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <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> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>

4. Lalu Simpan Template.

Setiap kali sobat membuat postingan pada blog jangan lupa memberi label, karena jika label tidak diberikan maka artikel terkait tidak akan muncul, sobat juga dapat memberi label lebih dari satu tapi setiap label harus diselangi oleh koma. Demikian Cara Membuat Artikel Terkait/Related Post Sederhana Tanpa Thumbnail.