Cara Membuat Artikel Terkait Dengan Thumbnails Diblog

Artikel Terkait ini beda dengan yang lain sobat, artikel terkait ini dengan thumbnails keren nih artikel terkaitnya bisa menaikan SEO juga loh teryata, kalian tau gak sih bedanya artikel terkait dengan thumbnails dengan Artikel terkait biasa ??. Kalau artikel terkait dengan thumbnail ada gambarnya dan kalau artikel terkait biasa tidak ada gambarnya, itu perbedaanya. Nah makannya kali ini saya akan posting "Cara Membuat Artikel Terkait Dengan Thumbnails" agar blog anda SEOnya ningkat.

1. Login ke akun Blogger anda
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode berikut: </head>

4. Pastekan kode di bawah tepat di atas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<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, Times New Roman , 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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEIdr9gqQ6sbwwSVf0O6Nf2MCpxfrw7RDYUnUUz8n95rnvNNWrSntwJDyEvwZ5QL-KbQxb-6XCV2uZFRW1TV1o7IE5hG3LGs5vmFwYAcHlgBqxk-_7dycObFEU4Edg0CFxrBAgk4NrsI/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

5. Lanjutkan dengan mencari kode <data:post.body/> dan pastekan kode berikut tepat di bawah kode <data:post.body/>

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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=6&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'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->

6. Simpan template sobat dan lihat hasilnya

Keterangan :
var maxresults = 5 adalah jumlah artikel akan ditampilkan di related post blog sobat.
var relatedpoststitle="Related Posts";  anda bisa mengganti kata Related Posts atau kalimat lain yang anda inginkan.