Membuat Related Post thumbnail blogger

Diposkan oleh geazzy astria on Sabtu, 22 September 2012

Lanjut lagi belajarnya. :D Kali ini saya akan membahas tentang bagaimana cara untuk membuat related post dengan thumbnail/gambar di bawah psstingan blogger anda. Oh iya sebelumnya saya ucapkan terimakasih karena tlah bersedia mampir di blog cara mendapatkan uang dari internet yang sederhana ini. Semoga saja juragan-juragan pada betah. :D
Tidak usah muter-muter lagi ya, langsung saja kita pelajari bagaimana cara untuk membuat related post atau postingan terkait dengan thumbnail/gambar di bawah psstingan blogger anda.
1. Pertama yang perlu anda lakukan adalah login ke akun blogger anda.
2. Kemudian masuk ke kategori template dan edit html. Demi keamanan saya sarankan untuk memback up template anda terlebih dahulu.
3. Cari kode </head>
Letakkan kode di bawah ini di atas kode </head>

<!--Related Posts with thumbnails Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

#related-posts h2{
font-size: 1.3em;
color: black;
font-family: Arial;
margin-bottom: 0.75em;
}

#related-posts a{
color:black;
}

#related-posts a:hover {
background-color:#eeeeee;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="You might also like:";
</script>
<script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End--> 
 4. Kemudian cari <p class='post-footer-line post-footer-line-1'/>

5. Kalau tidak ketemu coba cari post-footer-line

6. Letakkan kode berikut dibawahnya.

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->

7. Simpan dan lihat template abda :)

{ 0 komentar... read them below or add one }

Poskan Komentar