Related Post Otomatis Pada Blog

Sekarang Saya Akan Membahas Sedikit Tentang Related Post dan bagai mana cara meletakkanya pada blog..
pertama-tama kita harus mengerti apa itu yang dimaksud dengan Related Post dan apa manfaatnya pada blog..?
ok.. saya akan jawab.. Yang dimaksud dengan related post ialah Postingan-postingan yang ada di dalam blog anda.. atau sering disebut dengan posting terkait.. nah. kegunaannya adalah.. Dengan memasang widget related post ini.. maka pembaca yang datang ke blog anda tidak sudah-susah untuk mencari judul dengan cara membolak balik postingan anda.. setelah widget related post ini terpasang maka secara otomatis judul-judul postingan anda yang lain akan muncul tepat dibawah setiap satu artikel postingan anda..

Baiklah segitu mungkin sudah cukup penjelasan saya.. ntar kl makin panjang gak akan selesai-selesai neh membuat Related Post nya..

langkah pertama.. seperti biasa kita akan mengedit Template HTML.
yang Pastinya Login Blog anda terlebih dahulu "sudah Pastikan.. :)"
lalu pilih pilih Design ===> Edit HTML
seperti biasa jangan lupa Centang Expand Widget Templates

Cari Code : </head>
Setelah ketemu, pasang script di bawah ini setelah Code : </head>

<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/AVvXsEjYk43RdubKBI-m9tSg3BxHnu1sa1BcVhjZxiQ-ywKK6ELivIc7h65swhADsH6qQUeBymoF3QhiLGyQIB5kvGarlIDoo8uI_173u7SZRylxYuttOQDD0fOvaNHlbk4dYCFvBJTErLuReio/") 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://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

Kemudian, cari Code <data:post.body/> atau <div class='post-body> atau <data:post.body/>

Lalu Pastekan Code berikut ini dibawahnya :

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Setelah Selesai kamu Pastekan... Lalu SAVE.
dan Sekarang Lihat Hasilnya... :)