Pages

Thursday, April 19, 2012

Show Your Related Post To Your Visitor

What is benefit to show your related post? Well. as far as I know, its help visitor to find continuous topic for whatever they read.
And how to do put your related post so it can help visitor to find whatever they were looking for?
The easiest way is using services from linkwithin.com. Go to there and grab the script so you can put it on your blog.

The other way is to put below script above </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 { 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLF9bUCS3y0ZPvtysH7jgZ-V8ehoGan3bxJVGur70d3lnjAfvpT0PXfD_FsKyq6rVqXLdFAkTOReXHsKBM6htMlLFBuFtQwrQ4T_exHScx5hYkjhOUnVgg24_jiOfMU-hzvXOlRGIvY8/") 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://dwijayasblog-pro.googlecode.com/files/Related_posts_hack.js' type='text/javascript'/>

Now, find for <data:post.body/> and place the script below under it:
<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>

You may change how many post result by changing max-results=5.
Good luck !!!

No comments:

Post a Comment