Sudah pernah memasang
widget related posts dari layanan
Linkwithin? Jikalau kalian belum pernah melihatnya saya menyarankan untuk menggunakan manual setting dari blogger.
Sudah tau caranya ? Jikalau sobat belum tau caranya, simak lah tutorial saya berikut ini yang membahas tentang
Tutorial Membuat Related Post With Thumbnails.
Oke tidak banyak basa-basi lagi.
Tutorial ini agak berbeda, dan kita mesti repot sedikit karena semua dilakukan secara manual. Widget ini sebenarnya sudah dibahas tuntas oleh pembuatnya
Aneesh diblognya
disini
Cara Membuatnya:
1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada "Expand Widget Templates"
2. Cari kode ini
</head>
3. Kemudian ganti dengan kode dibawah ini
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
4. Sekarang cari lagi kode dibawah
<div class='post-footer-line post-footer-line-1'>
Jika tidak menemukan kode diatas, coba cari kode seperti ini
<p class='post-footer-line post-footer-line-1'>
Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan.
<!-- Related Posts with Thumbnails Code Start-->
<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>
<b:if cond='data:blog.pageType == "item"'>
<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:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
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-->
5. jangan lupa disimpan dah lihat hasilnya
Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini:
var maxresults=5;
Untuk mengganti title, kita bisa mengedit kode ini:
var relatedpoststitle="Related Posts";
Demikian posting saya kali ini. Jika ada yang kurang jelas silahkan tanyakan di kotak komentar yang sudah disediakan.
Selamat mencoba..
Home
Official Blog Of Ivan
Supaya diperhatikan bahwa blog ini menghubungkan banyak link dari setiap artikel yang diterbitkan sebagai kelengkapan informasi yang diberikan untuk kenyamanan Anda. Kami tidak bertanggung jawab terhadap kebijakan yang ada menyangkut informasi yang ada pada situs-situs tersebut.
Twitter
Facebook
