Cara membuat artikel terkait untuk blogspot V2

Cara membuat artikel terkait untuk blogspot V2 ini sebenarnya mempunyai pungsi yang sama dengan posting Cara membuat artikel terkait untuk blogspot yang terdahulu yaitu untuk memhubungkan antara artikel satu dengan yang lain mengikuti label. untuk lebih jelasnya silahkan kalian lihat di posting saya yang pertama Cara membuat artikel terkait untuk blogspot
Untuk Cara membuat artikel terkait untuk blogspot V2 yang kali ini saya akan buat memiliki perbedaan dalam hal tampilan. Jika kalian ingin melihat Live Demo bisa dilihat di http://free-downloas.blogspot.com/
dan masuklah ke salah satu postingan maka anda akan melihat tulisan Free Downloads dibagian bawah. Atou anda bisa melihat di blog ini yang bertulisan Artikel Yang banyak di cari.


  Daripada Gw ngoceh terus mending kita langsung aja praktekin caranya:
langkah-langkah Cara membuat artikel terkait untuk blogspot V2
1. pastinya kalian mesti login ke blog kalian > Design > HTML > centang Expand widget templates
2. Cari code </head> gunakan CTRL+F untuk mempermudah pencarian
3. Setelah ketemu masukan code di bawah ini tepat diatas  code </head> tadi

<!--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='https://sites.google.com/site/bloggerbugis/js/relatedthumbsbloggerbugis4U.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End--> 

4. Lalu cari code <div class='post-footer-line post-footer-line-1'> jika tidak ada coba code jika code tersebut ada 2 pokuskan ke yang pertama

 5. Jika sudah ketemu masukan code di bawah ini tepat diata code <div class='post-footer-line post-footer-line-1'> tadi.

<!-- 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>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=7;
var relatedpoststitle="Artikel terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

kalian bisa menentukan jumlah artikel yang akan di tampilkan dengan mengganti nilai 7 dan mengganti tulisan Artikel terkait dengan yang kalian suka

5. Terakhir save  template kalian

Catatan : setiap template memiliki coding yang berbeda antara satu dan yang lain tergantung dari si pembuatnya karna itu jika kalian tidakmenemukan code; <div class='post-footer-line post-footer-line-1'> pada langkah ke 4 silahkan ganti pencarian dengan coding; <p class='post-footer-line post-footer-line-1'>  lalu lanjutkan ke langkah selanjutnya

Semoga artikel ini bisa membantu kalian