0 Simple Step to Add Related Posts Widget for Blogger Blog

Here is a easy technique how you can add relevant content gadget on your Weblog.
But before informing you the relevant technique I would like to let you know why it is essential add it. Showing relevant content on your Weblog is an effective way to keep your guests around. This is very essential for your website as it improves page opinions as well as helps the guests to view other relevant content. So, including relevant content gadget at the bottom of the Blog writer article is a nice way to increase your site visitors.
Well, here is that amazing technique to show hyperlinks to relevant content below each publish. There are many types of relevant publish gadget using HTML, Coffee program, etc. This gadget gives a list of articles which is essential for people. 

Just follow the easy actions to add relevant content gadget in to your blogger blog. 

1. Sign in into your blogger blog. 

2. Go to design. 
3. Click on modify html. (see the bellow snapshot).
                                  

4. Now click on Increase gadget layouts.

5. Now look for for </head> ( use ctrl+f to look for ) and insert the bellow rule above/before it. (refer the bellow figure).

<!--Related Post Widget Starts-->

<style> #related-posts { float : left; width : 480px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; font-weight: bold; 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: bold; 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(&quot;http://www.webaholic.co.in/other/bw.png&quot;) 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://yourjavascript.com/05512524159/rposts.js' type='text/javascript'/>

<!--Related Post Widget Ends-->

6. Now look for for <data:post.body/> ( use ctrl+f to look for )and insert bellow rule after/bellow it.( If you are using journal kind blog writer design then there are more then one publish.body choose the right publish.body )

<!--Related Post Widget Starts-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

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

<!--Related Post Widget Ends-->

7. Now just preserve your blog writer design.