Skip to main content

How To Add Related Post Widget To Blogger / WordPress

A related post widget helps blogger to display related articles below every published post. Related post widget increase page views as well as keep readers engaged with your blog. Related post widget won't let your previous posts become waste.

manidin.comIn my earlier post, I have shown you How to Add Smart Floating Social Share Buttons To Blogger / WordPress. In this post, I will show you how to add related post widget to your blog. No matter where your blog is hosted. Whether it may be on blogger or wordpress. This process works for all. With the help of this process anyone can display related post of their blog.

Warning! 
Before doing anything, take Back-up of your template and your blog's data so that if you make any major mistake, you can easily restore your original template as well as your blog's data.

How-to Download Your Blog's Data
How-to Download / Upload Blogger's Template

To display related post articles below each post of your blog, just copy the below codes.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script>
<div style="clear: both;font-size: 9px;text-align:center;"><a style="color: #3399BB;" href="http://www.allbloggerbuzz.com">Get This Widget</a>
</div>




After copying the above codes you need to do the following steps.

How to add to blogger

Step 1. Login to your blogger account
Step 2. Click Layout which is located left side
Step 3. Click Add a Gadget

Step 4. Scroll down and select HTML/JavaScript from Popup Window


Step 5.  After that paste the above copied code inside the Content box. see the below image.


Step 6. After pasting the code click Save
Step 7. Click Save arrangement to save the Layout.
You have done for blogger. Click View blog to check whether it is working or not.

Read also How to add smart floating social bars

How to add to WordPress

Step 1. First Login to your wordpress account
Step 2. Go to Widgets
Step 3. Select a Text widget
Step 4. And now paste the above code to the text widget.
Step 5. Click Save to save the widget.

Watch This Video


Thanks for reading the post. Let me know whether you have added related post to your blog. Also let others to experience this feature by sharing this post on your social networks.


Comments

  1. how i want copy your code...? your blog don't give me permission for copy & paste :"(

    ReplyDelete

Post a Comment