.Yang ini juga ada thumbnails nya buat postingan yang berisi gambar.Pengen buat??mari lah kemari........
Ini juga berguna untuk template yang tidak bisa dipasang related articles seperti blog rahad dan juga artikel yang ditampilin acak,jadi postingan lawas yang udah terkubur beberapa dekade juga bisa dibaca lagi.Seperti widget random post atau postingan acak.Multifungsi kan?
Ikutin step by step :
- Masuk ke blogger-->Layout-->Edit HTML
- Expand Template Widget nya dicentangin
- Cari kode </head>
- Hapus kode </head> dan 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>
- Kalau sudah,cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
- Kalau sudah ketemu,kopi kode dibawah ini di dibawah salah satu kode diatas.
<!-- Related Posts with Thumbnails Code Start-->Keterangan :
<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-->
tulisan warna merah bisa diganti dengan kata-kata yang sobat sukai.
tulisan warna hijau juga bisa
- Di save dan lihat hasilnya.
Gak terlalu sulit kan??
Sekian dulu deh untuk tutorial rahad kali ini,kita ketemu lagi di postingan rahad berikutnya...
wah bagus jg nih, tp kalo yg di blognya rahad kok artikel terkaitnya ada 2???
waw mantab nih sob... lanjutkan blog q juga dah tak pasang
mantab ni zob...,
tutor'y...,
kunjungan balik mas, menanggapi pertanyaan mas tentang cara gabung di RFren yaitu :
1. Memasang banner RFren dan salah satu anggota RFren
2. Menulis postingan award RFren yang ada di hal RFren, contohnya di post Woro-woro 2 (RFren)
3. Blogwalking ke anggota RFren min 1/2 anggota.
kayaknya itu saja T.O.S nya, maaf merepotkan, salam Rychan
selain linkwithin ada lagi yang lain ya....
@Agung AP > iya,soalnya kalo cuma 5 aja postingan lawas yg laen gak kebaca...
@Rizky2009 > silakan dipasang sob
@FaiS > trims sob...
@Rychan > agak gak terlalu rumit TOS nya.....gabung ah...
@Willyo Alsyah P. Isman > iya sob....tapi ini pake cara manual...
sip brow artikelnya....
contohnya seperti apa ya?