Cara Membuat Related Post Pada Bloger

Hai sobat blogger, pada kesempatan kali ini saya akan berbagi info mengenai Cara Membuat Related Post atau Postingan Terkaitato apalah namanya yang penting ini merupakan kumpulan link artikel-artikel atau postingan yang pernah kita buat yang memilikiketerkaitan dengan artikel yang sedang dibaca tersebut. Misalnya jika kita membuka halaman blog kita yang berisi suatu artikel, maka pada bagian bawah halaman tersebut akan muncul beberapa link postingan dengan kategori yang sama yang pernah kita buat sebelumnya. Nah, lalu bagaimana cara membuat related post atau artikel terkait pada blog ..?

Yup,, berikut langkah langkah membuat related post pada blog:

1. Login ke akun blogger anda

2. Bagi anda yang menggunakan blogger interface lama pilih Design (Rancangan)=>Edit HTML. Sedangkan jika menggunakan blogger interface yang baru, pilih Template=>Edit HTML

3. Setelah itu, cari kode ]]></b:skin> . Jika sudah ketemu masukan kode script dibawah ini diatas kode tersebut

#related-posts { width : 500px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; margin-top:60px; }
#related-posts a{ color:#4b4b4b; }
#related-posts a:hover{ color:#ca1717; }
#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 { margin : 10px 5px 5px 20px; padding : 0; }

Catatan : Untuk color dan lainnya bisa diedit sesuai selera anda...

4. Langkah selanjutnya, cari kode </head>. Lalu masukkan script berikut diatasnya

<script src='http://hbhost.googlecode.com/files/Related-posts.js' type='text/javascript'/>

5. Eitts.. belum selesai, tinggal satu langkah lagi. Cari kode <data:post.body/>  , jika kesulitan dalam mencari kode tersebut, tekan CTRL+F lalu ketiklah kode yang ingin dicari

6. Letakkan kode script berikut dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<div style='font-size:18px'><b>Related Posts:</b></div>
<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>
</b:if>

Catatan : untuk kata "Related Post" dapat diganti dengan kata lain seperti Artikel Terkait atau sesuai selera anda

7. Terakhir, klik Save Template dan lihat hasilnya

Sekian Tips Blogging tentang Cara Membuat Related Post atau Postingan Terkait dari saya. Semoga artikel ini bermanfaat.