Untuk melihat demo, klik di sini.
Berikut cara membuatnya :
- Login ke Dashboard --> Layout --> Edit HTML
- Centang "Expand Widget Templates"
- Cari kode : </head>
- Copy dan Paste kode di bawah ini SEBELUM </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: Verdana, 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://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
- Kemudian, cari kode :
<div class='post-footer-line post-footer-line-1'>
- Tambahkan kode di bawah ini tepat SETELAH kode di atas (salah satu yang Anda temukan di template Anda)
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/'><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png"/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
Notes :
- untuk mengatur jumlah artikel terkait, cari kode ini : var maxresults=5; Ubah nilai 5 misal menjadi 7 atau berapa yang Anda suka.
- Untuk mengubah Judul nya cari kode ini : var relatedpoststitle="Related Posts";
sumber :http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html











Thanks infonya mas bro.
ReplyDeleteIjin copas, mas! Cek blog di Panduan blogging mudah http://easy2blog.blogspot.com/
ReplyDeleteTerima kasih dah share....
Check me out! Best in entertainment news!
ReplyDeletewww.thegamutt.com
owh pake css sama scriptt... sayangnya aku blm terlalu ngerti sama scipt (jquery) baru ngerti css dan itu juga ga ngerti2 banget :D
ReplyDeletethanks.. :)
ReplyDeletegimana caranya kalau mau bikin related post yang mirip di blog agan..
ReplyDeletedi tunggu jawabannya:
http://yusrandante.blogspot.com
Wih berhasil gan.. . .makasih. .
ReplyDeletesetelah sekian kali gagal terus. .
Sama2 mas Andy
Deleteokey mas akan saya coba semoga berhasil ,tereimaksih
ReplyDeletethanks gan saya coba dulu
ReplyDeletethanks gan sudah muncul
ReplyDeleteYa. sama-sama..
Deletekok gagal ya Gan,?
ReplyDeleteMasa' sih ... ? Coba lihat lagi kodenya ..
DeleteTerimakasih Kawan
ReplyDeleteSama-sama mas Kurniawan ...
Deleteijin nyobain mas..
ReplyDeletesipp gan
ReplyDeletesyukron kang.
ReplyDeletewww.dimensibersama.blogspot.com
info menarik mas, dan saya suka artikelnya yg ini dan juga salam kenal dari mico nie, dan juga met blogging juga nie, hehe dan sekalian bagi teman2 yg suka dengan download film box office,action,horor dan segala jenis film silakan kunjungi situsnya gue loe, hehe dan makasi untuk adminnya juga ya, thanks berat.gbu
ReplyDeleteSaya coba terapkan gan, trims ya. Ditunggu kunjungannya...
ReplyDelete