Here is wonderful blogger hack to display Related posts/articles beneath your blog post.By adding this related post blogger widget you can make your blog visitors to stay in your site for longer time. And displaying related post links is another unique way of increasing your page views.
Steps for Adding Related Posts for Blogger
1. In your Blogger Dashboard Go to Layout –>Edit HTML.
2. Before making changes Back up your existing Template.
3. Make sure to check the “Expand Widget Templates” box.
4. Search(CTRL+F) for the </head> tag.
5. Add the following code just before the </head> tag.
<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://www.geekyard.com/wp-content/uploads/2010/05/Apple.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://www.geekyard.com/Scripts/Related_Post.js' type='text/javascript'/>
6. Now search for <data:post.body/>. In some of the blogger templates this code may look like this
<data:post.body/>
or
<div class=’post-body>
7. Add the following code just beneath the code you just searched for.
<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>
8. Now Save your Template and you’re done!
Fantastic article.Much thanks again. Great.
This is a excellent discussion you all have happening. I love the mixture of excellent and specific info in conjunction with some intellectual opinions. It’s good to at last come across excellent articles where I feel like I can rely on the text and admire those who which publish it. With all the online garbage these days I continually take pleasure in finding some genuine voices on the web. Thank you for blogging and continue the good work, please!!
I like your blog a lot. Well done!!! I ll come back here soon;) good luck and everything the best