-->

Cara Membuat Related Post Dengan Thumbhail


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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLNrWyVtMNqhPae4ZygkWEYS7jFF40U0cnVkQLUCi7CFg2o_888cojJrZWSl7qhT4S_Ce_9ddhS04ff25V5ULvDQfWgp1uKHEGRhNtr4piIcDwOiQh_bzp1n3YpP4wwqr3C6rg_fAoAvY/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 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.


Label:

3 comments:

  1. Vimax14 November, 2012

    tips yang keren gan sukses selalu gan :)

    ReplyDelete
  2. Obat asam urat18 December, 2012

    nice info semoga bermanfaat,,salam kenal gan..

    ReplyDelete
  3. Anonymous25 January, 2022

    Play BK8 Casino | Online Slot Machine Games - VnTOPBet
    Play BK8 Casino Online bk8 - 우리카지노 쿠폰 best online bk8 slot machine games, Live Casino and live casino games. Bet with VNKTopbet 바카라사이트 today!

    ReplyDelete

Subscribe to: Post Comments (Atom)