HOW TO ADD RELATED POST WIDGET IN A BLOGGER BLOG POST

It is all simple.Adding related post widget only makes your blog page increases.As a matter of fact, is simple and easy to add.In this post am going to show how you can add related post to your blog also.Enough of talking, let make this tutorial go-to-head method.
Ok lets start.
1.Go to your blog dashboard
2.Click Layout
3.Click ''Edit HTML''tab
4.Click ''Download Full Template''.Before that try to backup your template very important.
5.Click ''Expand Widget Template''
6.Find this Code </head>.
7.Add the following code just before the </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(" http://lh3.ggph t.com /_cNpXRtRph18 /S76dASm3WGI /AAAAAAAAEJg /AVmw4HhRds k/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=' https://sites.go ogle.com /site/widgetsfo rfree/scripts /Related_posts_ hack.js' type='text/javascript'/>
8.Now search for <data:post.body/>.
9.Have you seen it?Ok..Add the following code just beneath the code.
<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>.
Now save your template and your are done.In case you make any mistake you can reach me by commenting.
How helpful was this tutorial to you?Hope you enjoyed it, not to miss another article again why not subscribe.
Hey, sharing this post will be helpful to many.Thanks