Cara Membuat Artikel Terkait dibawah Postingan Blog
Artikel Terkait atau yang lebih terkenal dengan sebutan Related Posts berfungsi untuk menampilkan artikel-artikel lain yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung blog. Biasanya Artikel Terkait ini ditampilkan tepat bawah postingan blog. Hal ini bertujuan agar pengunjung melihat dengan jelas artikel lain yang berkaitan dengan artikel yang telah dibacanya.
Bagaimana cara memasangnya?
Cara Membuat Artikel Terkait dibawah Postingan Blog
- Login ke akun Blogger
- Pilih Template >> Edit HTML
- Letakkan script berikut di atas kode ]]></b:skin>
- Cari kode <head> , letakkan script berikut di bawahnya:
- Terakhir, cari kode <p><data:post.body/></p> atau <data:post.body/>
Lalu letakkan script berikut tepat berada di bawahnya: - Simpan
#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; }
<script src=’http://hbhost.googlecode.com/files/Related-posts.js’ type=’text/javascript’/>
<b:if cond=’data:blog.pageType == "item"’>
<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 != "true"’/>
<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=10"’ type=’text/javascript’/></b:if>
</b:loop>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
Jika ingin menampilkan widget Artikel Terkait atau Related Posts ini ditempat yang lain, silahkan bereksperimen untuk mencobanya sendiri, karena dengan demikian nantinya akan menjadi terbiasa menghadapi kode-kode seperti ini.
Itulah sekilas pemahaman saya tentang Cara Membuat Artikel Terkait dibawah Postingan Blog. Semoga bermanfaat. Jika mencari artikel lainnya silahkan cek tepat di bawah ini:
Join the conversation