Membuat "pos berkaitan"

Kalu mat salleh diorang cakap "RELATED POST", kiranya ini untuk memudahkn visitor blog kita utk mencari link2 yg bersesuaian tanpa perlu ke halaman depan "HOME".

Navigasi yang senang akan membuatkan pengunjung berada di blog kita lebih lama disamping meneroka posting yang menarik perhatian mereka

Cuba lihat gambar kat bawah, itu merupakan "Related Post" utk blog saya....

Jika kamu berminat, sila ikut prosedur dibawah:-

1st: first skali kena log in lam Blogger, gi kat |Layout|, pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|

Cari kod </head> , masukkan kod dibawah diatas </head>

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://javascripthost.com/s1/bin/fyzuex.RelatedPosts.js' type='text/javascript'/>

2nd: kedian cari kod ini <data:post.body/> , dan letakkan dibawahnya kod ini

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

dan save template, maka widget ini sudah siap utk dipaparkan...

sumber : realtrix