Cara Memasang Widget - Related Post -

Agar membuat pembaca blog anda tertarik untuk melihat postingan lain yang berhubungan dengan postingan yang sedang dia baca, maka sebaiknya dalam postingan tersebut dilengkapi dengan menu related post, caranya adalah sebagai berikut :

seperti biasa yah. masuk ke menu edit HTML dan selanjutnya.

1. Cari tag </head> dan pasang kode ini di bawahnya

• <style type='text/css'> #related-posts { float : left; width : 100%; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hSwvUUp9uw71emU0Y6BWzx6yS9ic-RT6bk0FJ81xJaYzQnaJQZ_I_RvgmtjwHTtDGPy_B4uY_modr3TlUUmVMxQ_rumDWB2P4fhCeNQOisxZGY-FUBOFTxtJn5UeYvh2BzAJmvaB8mE/&quot;) 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://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

2. Selanjutnya, cari <data:post.body/> dan pasang kode ini di bawahnya

<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>

3. Simpan dan Lihat hasilnya