Cara Membuat Related Post Pada Bloger

Hai sobat blogger, pada kesempatan kali ini saya akan berbagi info mengenai Cara Membuat Related Post atau Postingan Terkait ato apalah namanya yang penting ini merupakan kumpulan link artikel-artikel atau postingan yang pernah kita buat yang memiliki keterkaitan 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, kemudian beri tanda centang pada Expand Widget Templates

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

#related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }
#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 <data:post.body/> lalu klik tombol "Highlight all" (terletak dibagian bawah jika anda menggunakan Mozilla Firefox). Geser scroll untuk mencari apabila ada 2 kode <data:post.body/>. Jika anda menemukann 2 kode <data:post.body/>, pilih yang pertama

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

<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.
video ml di hotel