Cara Membuat Related Post Dengan Thumbnail

Saturday, December 1st, 2012 - Blogspot

Cara Membuat Related Post Dengan Thumbnail  Kali ini saya akan berbagi  tutorial blogspot  Cara Membuat Related Post Dengan Thumbnail, widget related post dengan Thumbnail   bagi sobat yang pingin memasang nya di Blog sobat silahkan ikuti langkah-langkah di bawah ini.

  • Login Ke Blogger Disini.
  • Pilih Rancangan > EDIT HTML.
  • Jangan Lupa Centang Expand Widget Template.
  • Cari kode </head> setelah ketemu copy kode di bawah ini 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=”http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/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–>
Selanjutnya Cari kode <data:post.body/> setelah ketemu copy kode di bawah ini 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–>

 

Nota :
var maxresults = 5 adalah jumlah artikel yang ditampilkan.
var relatedpoststitle=”Related Posts”;  kamu bisa ganti kata Related Posts dengan Kata lainnya.

Terakhir Simpan Template Anda dan lihat hasil  demikianlah Toturial  Cara Membuat Related Post Dengan Thumbnail  Semoga Bermanfaat

Advertisement
Cara Membuat Related Post Dengan Thumbnail | okeshared | 4.5