Powered by Blogger.

Membuat Related Post Dengan Thumbnail Pada Blog

Cara Membuat Related Post Dengan Thumbnail - Kali ini saya akan membahas tentang Cara Membuat Related Post Dengan Thumbnail, widget related post dengan Thumbnail ini merupakan alternatif selain Linkwithin, jadi ada cara lain membuat Related Post Dengan Thumbnail selain menggunakan jasa Linkwithin, bagi sobat yang pingin memasang nya di Blog sobat silahkan ikuti langkah-langkah di bawah ini.

  • Login ke Blog kamu.
  • 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-->

Simpan dan lihat hasilnya.

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




Sekian sob semoga bermanfaat.

4 comments:

Rikuon riku said...

mantappp pasang dulu ahh ,, thanks yaa

demian last said...

Become a Master with ROYALQQ.

ROYALQQ memberikan BUKTI bukan JANJI.

200% FAIR PLAY | 200% PLAYER vs PLAYER

PROSES DEPOSIT DAN WITHDRAW CEPAT HANYA 1 MENIT!
MINIMAL DEPOSIT 15.000
BONUS TURNOVER 0.5% [EVERYDAY!]
BONUS REFFERAL 20% [SEUMUR HIDUP!]

Kami menyediakan 7 HOT GAMES Terpopuler dalam 1 ID.
-DOMINO | -BANDARQ | -BANDARPOKER | -POKER | -CAPSA | -ADUQ | -SAKONG ONLINE

Rasakan bedanya bermain di ROYALQQ.

REGISTER FREE : https://goo.gl/s7NzNZ

Contact Us :
Call : +855 8771 3624
BBM : 2B68D666

Post a Comment

please don't spamming.

 
Copyright © 2011 Belum Ada Judul | Themes by ada-blog.com.