1.Login pada blogger.
2.Klik Layout pada Dasboard.
3.Klik Edit HTML pada Layout dan jangan lupa centang Expand Widget Template
4.Cari kode
5.Dan ganti kode tersebut dengan kode dibawah ini.
<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/relatedthumbs19.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
6.Selanjutnya temukan kode
atau bila tidak ditemukan, cari kode seperti dibawah ini
7.Letakkan kode berikut setelah kode pada langkah 6
<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-->
8.Untuk menampilkan jumlah post dapat diedit dengan mengganti angka pada
var maxresults=5;.
9.Untuk mengganti nama "Related Post" dengan "Artikel Yang Terkait" dapat diganti pada
var relatedpoststitle="Related Posts";
21 comments:
contoh tampilannya seperti apa mas? kayaknya keren nih..pake thumnails :)...owh setelah tak scroll ke atas...contohnya kayak di sidebar postingan terbaru itu ya mas
Kenali dan Kunjungi Objek Wisata di Pandeglang
Kayak'x keren juga nih...
Ntar kapan2 tak coba, sekarang masih setia aja tanpa "related post" :D
kerennn tipsnya :)blog sy lebih cantik kyknya klo pake ini...thnxs kawan :)
@fitri alifah,kalau yang ini akan muncul dibawah postingan.Tapi kalau yang seperti pada postingan terbaru lain lagi caranya.Anda bisa lihat pada postingan lainnya pada blog ini yang membahas hal tersebut.
@zippy, penambahan related post dapat meningkatkan trafik.Pengunjung akan mudah menemukan postingan lainnya.
@hill,silakan dicoba pasti keren abis sobat
bos, berlaku gak buat wordpress (berharap mode on)
makasih..
salam rimba raya lestari..
saya coba aaahhh di blogspot saya..
:)
Sudah dicoba tapi ngak mau keluar mas related postnya.scriptnya yang asli lagi dari http://bloggerplugin.org.
siiip....biar baru nemu akhirnya aku temukan jodohku hehehe...setelah mencoba berbagai tips inilah yang paling tokcer, thx ya n lam kenal
@dedenia, untuk wordpress tidak berlaku.
@belajar membuat website, coba perhatikan penempatannya apakah sudah benar.Setelah diinstall, biasanya browser harus direfresh.
@my blog, salam kenal balik
Makasih atas infonya,its a nice blog
Mbah cyber, terima kasih mas
misi.... ijin nyobain tips'na......
tqx
eh... mau nanya nich... barusan aq nyobain bwt related post.... berhasil
yg aq mau nanyain toe, related post ini toe munculin artikel yang terkait sesuai label ya?
mw nanya nehh..aq udah nyoba n ternyata memang berhasil..tapi background blog aku kan warna hitam..kok tulisan artikel yang terkaitnya jadi gk keliatan..mohon pencerahannya
Thanks gan infonya, langsung olah TKP...
Thanks..
http://handzmentallist.blogspot.com
dah nyoba tapi kok ga bisa y maz..??
waduh,gimana caranya ya? aku pasang bolak balik tapi gagal wae,
salam kenal......
Hallo salam kenal, kayaknya banyak yang mengalami masalah ya, oiya aku nitip artikel "cara
Memasang Artikel Berkaitan Memiliki Fungsi Scrool "
sama gagal juga ~x(
nice...
Like this so much...
:x
free live streaming sport channels
Post a Comment