RSS

>Cara Membuat Releated Post alternative

03 Jun

>

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 == &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, “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&#8217; 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 jumpa kode diatas, cuba cari kode seperti ini pulak


<p class=’post-footer-line post-footer-line-1′>

Kalau sudah jumpa,cuma masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang anda jumpa tadi.


<!– 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><a href=’http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html&#8217; style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/&#8217; style=’display:none;’>blogger widgets</a>
<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–>

5. Klik Save dan lihat hasilnya.

Untuk menampilkan seberapa banyak jumlah related posts anda boleh mengedit kode dibawah ini:


var maxresults=5;

Untuk mengganti title, anda boleh mengedit kode ini:


var relatedpoststitle=”Related Posts”;

Selamat Mencoba

Untuk informasi dan download Software,PC Games,Tips Blog,Download Template Blog,Download Mp3 dll lebih banyak lagi Dapatkan juga berita Terkini, silahkan kunjungi http://www.hendrygeorge.com Semoga bermanfaat… Dagangan hendry… Hendry Server Pulsa… Komputer murah…

 
Tinggalkan komentar

Ditulis oleh pada Juni 3, 2011 in Tips Ngeblog

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: