Membuat artikel terkait beserta gambar di bawah postingan

Mungkin pada tidak asing lagi dengan yang satu ini,Di bandingkan dengan widget lain yang pernah saya pasang ternyata ini yang paling gampang pemasangan nya.Dan ini juga bukan pihak ketiga seperti Linkwithin.Fungsi nya tentu anda sudah tahu dari judul di atas.

Tutorial ini saya telah praktek berkali-kali di blog yang berbeda ternyata berfungsi tapi untuk kekurangan nya bisa anda bisa ubah sendiri atau memodifikasi nya.Di sini saya hanya ingin berbagi yang saya ketahui.


Seperti biasa pada halaman Edit Html > dan jangan lupa  di centang "Expand Widget Templete".Dan seterusnya cari kode :
</head>
 Setelah ketemu anda ganti dengan kode di bawah ini :
<!--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='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
 Dan seterusnya cari lagi salah satu kode seperti di bawah ini :
<div class='post-footer-line post-footer-line-1'>
<p class='post-footer-line post-footer-line-1'>
Sesudah itu letakkan kode di bawah ini tepat setelah kode di atas :
<!-- 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=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Dan selanjutnya simpan templete dan lihat hasilnya.

Nb :
Tulisan berwarna hijau bisa anda ganti sesuai dengan kebutuhan anda.
var maxresults=5; ( jumlah postingan yang akan muncul )
var relatedpoststitle="Related Posts"; ( judul widget )

Semoga bermanfaat bagi anda...

1 komentar:

nice share gan...
mampir ke juga ksni ya gan..!
http://bontot-jr.blogspot.com/

Reply