Add Related Posts Widget to Blogger

Thursday, 7 August 2014

Add Related Posts Widget to Blogger

Related Posts Widget is very important for blogger because it increases the number of page views and also help the visitors to find the related posts.So today i am providing you a best Related Posts Widget for your blog or website.

This is very simple and easy to add.Just follow the steps to add it to your website.

Step 1 : Log on to your blogger account.
Step 2 : Go to the template option from your blogger dashboard.

Step 3 : Click on the EDIT HTML >>>>PROCEED
Step 4 : Now press CTRL + F buttons.A search box will appear.......try to find the below code in your template.
<div class='post-footer-line post-footer-line-1'/>
I If you can not find this code in your HTML template so try finding the more codes in your Template.

<div class='post-footer-line post-footer-line-2'/> <div class='post-footer-line post-footer-line-3'/> </div> </div>

And if you find this code in your template so immediately after the code paste the following code :-

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/tu8qgyfxt2cze7k/related-posts-min-1.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> <h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5;  removeRelatedDuplicates(); printRelatedLabels(); </script> </div> </b:if>

Enjoy :)