Membuat Related Post Otomatis

Related posts adalah kumpulan link yang diletakkan persis dibawah artikel sehingga menarik minat pembaca untuk membaca artikel berikutnya.

• Seperti biasa masuk ke blogmu 
• Pilih template, klik edit html dan klik lanjutkan 
• Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga) 
• Cari kode: </head> (gunakan Ctrl+f untuk mencari) 
• Copy kode dibawah ini tepat diatas </head> 

<style>
#related-posts {
float : left; width : auto;
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/AVvXsEiSwhs-FPRgvmqZ5-a3ghHGcL1DYwyW0TINkiN8a_OELdMIpE2sFkmhUBmnRx98UfRkGnRTzxWBKPXTnhepJSW58rM8xHiwmpZJBxUsw0wJJljzs8evtEKsB3C1qgeddDLAyfCVIn2GmNgJ/s1600/rss.png") 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://yourjavascript.com/1244223703/related_postku1.js type=text/javascript/>

• Cari kode <data:post.body/> atau <div class=post-body>, 
• Kemudian copy code dibawah ini, letakkan persis 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> 

• Klik pratinjau (preview) untuk memastikan tidak terjadi error dan Simpan hasilnya
• Semoga Berhasil (untuk membuat menjadi scroll lihat diSINI)