Cara Membuat RELATED POST atau POST TERKAIT

Related post atau Post terkait adalah menampilkan artikel yang berkaitan yang ada dalam blog post kita.
Related post sangat di butuhkan buat para pengunjung,supaya pengunjung lebih cepat dalam mengetahui isi semua dari blog kita.
contoh gambar ini :

jika kamu tertarik dengan gambar diatas silahkan ikuti langkah berikut:

• Log in ke blogger
• Klik rancangan/templete.
• kemudian klik EDIT HTML
• Cari kode berikut  </head>

kemudian seteh ketemu,copas code berikut tepat diatas 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWwSaSPQZgtorj4If_IhyrlSNaRK11e-ryOzm4iLvuHdiZOr7_6aAYPNh0yFtSjir6Vi2iHxmpgfFHbDj6AAnNq3W8hjLEJDBSSGkZ2vxnDoe_eaq3wJ-P8SBvBvMURfSKmK7Ne-vmd0//&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://arema2.googlecode.com/files/terkait.js' type='text/javascript'/>

• Setelah langkah diatas,selanjutnya cari code <data:post.body/> kemungkinan kode diatas lebih dari satu,jika di templete kamu ada dua/lebih pilih code yang paling bawah kemudian copas code dibawah ini tepat di bawah code diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'><font face='Arial' size='3'><b>Artikel terkait dengan <data:blog.pageName/>: </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=4&quot;' type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script></div></b:if>

</b:if>

• nah udah kelar tuh,sekarang save templete kamu dan lihat perubahannya