Post Berkaitan (Dengan Thumbnail)


Ini merupakan satu lagi tarikan untuk blog anda. Apa fungsinya? Ianya memudahkan pembaca blog anda mencari post yang berkaitan dengan topik yang sedang mereka baca. Selain itu juga, ia akan membuatkan pembaca anda akan lebih lama melayari blog anda dengan adanya kaedah ini. Ada di antaranya memilih LinkWithIn kerana cara itu lebih mudah tetapi saya lebih suka memilih cara ini kerana ia kurang memberatkan blog anda. Jika anda menggunakan LinkWithIn, adakalanya blog anda lambat untuk "load" kerana perlu "disambungkan" dengan LinkWithIn untuk ia membaca isi kandungan blog anda. Selain itu juga ada "link ads" untuk LinkWithIn pada "trick" tersebut. Mari kita buat sama-sama kaedah ini. Mudah dan lebih menarik.


  • Seterusnya, anda cari tag
</head>
dan GANTIKAN dengan kod di bawah:-

<!--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-->
</head>

  • Kemudian, anda cari pula tag seperti di bawah:-
<div class='post-footer-line post-footer-line-1'>
atau jika tidak jumpa, cuba cari tag seperti di bawah:-
<p class='post-footer-line post-footer-line-1'>
Seterusnya, masukkan kod di bawah SELEPAS mana-mana di antara tag di atas:-

<!-- 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 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-->

*NOTA* Anda boleh edit nilai "5"(jumlah post yang ingin dipamerkan pada post yang berkaitan) dan "Related Post"(perkataan / ayat yang anda ingin gunakan spt "Anda Mungkin Juga Meminati"). Kemudian anda klik "save". Siap!
P/S : Jika anda ingin mengetahui cara LinkWithIn, sila tinggalkan komen di bawah.

Comments

Popular Posts