Senin, 19 Juli 2010

Pasang Artikel terkait Pengganti LinkWhitin

Dah lama Ingin mencoba menampilkan tulisan Terkait atau Arikel terkait pada blog ini dah banyak tutorial yang di coba tapi hasilnya kurang memuaskan dan alahamdulillah Akrhnya Dava bisa menemukan Salah Stu blog yang bener2 Sangat berguna buat Dava dan tutorial ini dava buat lagi sengaja karena takut masih ada di antara teman2 yang membutuhkan artikel ini/tutorial ini.Sebagai Contohnya lihat gambar di bawah ini :
Dari pada banyak CungCeng ga karuan lebih baik kita langsung meluncur ke TKP z yuu,..
seperti biasa pertama tama kita buka Akun blog kita lalu clik Edit HTML, Jangan lupa backup template anda dulu dengan mengklik Download Template Lengkap, terus Klik Expand Template Widget.Kemudian letakkan kode berikut ini, tepat diatas kode </head>
<!--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, &#8220;Times New Roman&#8221;, 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-->
Kemudian cari kode berikut ini :
<div class='post-footer-line post-footer-line-1'>
atau jika tidak ada, cari kode seperti dibawah ini :
<p class='post-footer-line post-footer-line-1'>
Jika sudah ketemu, kemudian letakkan kode berikut tepat setelah kode diatas :
<!-- 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' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</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-->

Setelah selesai semua, jangan lupa Simpan Template.

Mudah2an tulisan ini Berguna Buat teman2 Semua,jangan lupa Juga komentanya.

Bewara

bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online