busuk.org One's own shit doesn't smell

Related Post Widget List untuk Blogger

Salah satu cara mudah untuk meningkatkan hits pageview dan tahap pembacaan readers di blog anda adalah dengan menggunakan related post widget dengan thumbnails. Widget ini selalunya diletakkan selepas setiap post atau entri untuk memperkenalkan readers tentang post lain-lain yang menarik yang terdapat di blog anda.

Dibawah ini, Busuk tunjukkan cara-cara untuk memasang widget ini.

1) Login Blogger --> Layout --> Edit HTML dan tick box Expand Widget Templates.

2) Kemudian, tekan CTRL+F untuk find code dibawah ini.

</head>

Dan SEBELUM code di atas, copy-paste code di bawah ni.

<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 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
</style>
<script src='http://sites.google.com/site/ariffisariff/relatedpost.js' type='text/javascript'/>

3) Sekarang, find

<data:post.body/>

Sekiranya anda tidak temui code tersebut, anda boleh find code yang berbeza seperti

<div class='post-body'>

atau

<data:post.body/>

Tambah code dibawah ini DI BAWAH code yang ada find di step ke 3).

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

4) Preview dan Save template anda sekiranya tiada error.

5) Demo blog yang menggunakan widget ini : Demo