Cara membuat artikel Terkait selain Linkwithin

Bingung juga mau posting apaan ya hari ini, hmph....
Ywd deh mumpung masih anget ilmunya langsung zoel posting aja, coz zoel baru aja kemarin pake cara ini, dan istimewanya yang ini ada thumbhailnya untuk posting yang ada gambarnya,, keren juga kan??

Ini juga berguna untuk template yang tidak bisa dipasang related articles seperti blog zoel dan juga artikel yang ditampilin acak,jadi postingan lawas yang udah terkubur beberapa dekade juga bisa dibaca lagi. Seperti widget random post atau postingan acak yang caranya sudah zoel buat postingin disini. Multifungsi kan?

1. Masuk dashboard blog anda,



2.  layout

3. Edit HTML

4. Jangan lupa Expand templates Widget-nya di centang

5. Cari kode </head> "Untuk memudahkan dalam pencarian pake ctrl+f "  


6. Hapus kode </head> dan ganti dengan kode di bawah ini :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}

</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

7. Sudah ketemu kan, sekarang tinggal cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>

8. Kalau sudah ketemu,kopi kode dibawah ini di dibawah salah satu kode diatas.

<!-- Related Posts with Thumbnails Code Start-->
<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>
<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

9. di save deh....

Ket : warna merah bisa sobat ganti dengan nama yang sobat kehendaki

Good Luck!!