Related Posts Biar Blog Kita Makin Ok

Rasanya tanpa related posts, kayaknya artikel yang kita baca putus gitu, bila ada related posts bisa sambung lagi ke artikel yang berhubungan dalam satu kategori.

Cara menambahkanya ke dalam blog kita yaitu :
Cari kode </head>
Letakan kode ini diatas </head>

<!--Related Posts bergambar webhtmlphp.blogspot.com Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: black;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:white;
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjVUG4vN2uONbhyzVMDlj2cgBmiFJ6cZS2-FtCdVR0BEka8zphuDgUHtEJ2oC_4mCAlFPMVwmyfa-lGuOZG6N5YJrQLoYcO_cq0AhbBXUWlIAJTi7A10fICbBswzLRYcRC67BO_TArkX7Z/s1600/No+Image.jpg&quot;;
var maxresults=14;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Artikel Terkait:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--Tutup Related Posts bergambar webhtmlphp.blogspot.com Styles End-->


Cari kode <div class='post-footer-line post-footer-line-1'>
Letakan kode ini dibawah <div class='post-footer-line post-footer-line-1'>

<!--Related Posts webhtmlphp.blogspot.com Styles Start-->
<!-- Start Related Posts bergambar-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=14&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts bergambar-->
<!--Tutup Related Posts webhtmlphp.blogspot.com Styles End-->

Simpan, Selesai

Tweet