Cara Membuat Artikel Terkait berisi Thumbnails

Melanjutkan Postingan saya sebelumnya Cara Membuat Artikel Terkait dibawah Posting dan sekarang saya berbagi lagi Cara Membuat Artikel Terkait berisi Thumbnails tetap berada dibawah Posting :r
Langsung saja ke Cara Membuatnya :

• Masuk Account Blogger dengan ID kawan
• Pada Perancang Template pilih Edit HTML
• Beri tanda Check pada Radio disamping Expand Template Widget
• Sebaiknya Download dulu Template kawan
• Copas Kode berikut dibawah  ]]></b:skin>

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

• Selanjutnya cari Kode <div class='post-footer-line post-footer-line-1'> atau jika tidak ditemukan cari Kode <p class='post-footer-line post-footer-line-1'> 
• Copas Kode berikut persis dibawah salah satunya 

<!-- 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 tutorials</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-->

Silahkan kawan adakan perubahan sesuai kebutuhan, seperti :

1. var maxresults = 5;  berarti artikel yang akan ditampilkan adalah : 5 
2. relatedpoststitle var = " Related Posts "; Bisa diganti dengan Nama Lainnya
3. Begitu juga dengan yang lainnya, silahkan di edit sesuai keperluan

• Jangan lupa simapan Template kawan