How to add related post widget in blogger post - My Widget House

How to add related post widget in blogger post - My Widget House

All bloggers want to engage their readers in their blogs. And many of them do this thing by many ways. As we and many other professional bloggers do, to engage readers by suggesting other posts.

We hope that you may also want to engage your readers more in your blog, right? Don't worry we are going to help you in this thing. So, are your ready? Lets take start

Related Post Widget is very useful for blogs or website. Because it engage people for a long time on your blog. And also it is helpful to find the related stuff with less wastage of time to your readers. You may find the thousands of articles on Internet about this thing. But our this article is unique by many features.

As others are asking for you to copy the code and add it to your HTML. And also they ask you to change many things in that code. Which mostly causes the failure of users to change those codes. And in result those html codes don't work on many blogs or websites.

We will do the same here but with the big difference. And the difference is that the widget we will share with you is responsive and user friendly. You just need to copy the code and paste it to the desired place, where you want to show related post widget.

Our team is regularly searching for the new widgets, tips and tricks for you guys. But we prefer those widgets and things which save your time to start working for you. Because many bloggers are writing articles and share very long processes in their articles. But we think that those processes are not good for you. They are just working for the writer to increase their blog or website content. But your time will be wasted by such longer processes. And if you will miss even a single "." from that process, the widget will not work for you.

Adding a Related Post Widget in Blogger Post

Adding a Related Post at the end of Blogger is just like a cup of tea. This great widget could be applied in your blog by two steps.

• Adding script in your HTML: This step is very important because if you will not add the script in your HTML, then you will have to add script in all kind of pages and posts. So, we need to install script in the entire blog at a time.

• Adding Widget Code: After adding script, we need to add the widget code. There is a small thing that you must have to enter this widget code to that place where you want to display the Related Post Widget.

The purpose of doing this is that sometime users don't want to display this widget at the end of article. But sometime they want to show this widget in the mid of article or in any other place. So, lets take start to apply these codes in your Blog.

Adding Script in your HTML

Follow these steps to add the script of the Related Post Widget in your entire blog.

STEP 1

Login to your Blogger Account. If you are Logged out

STEP 2

Click on Theme in the left menu of your Dashboard. And then click on Edit HTML button. As we shown you in the picture below.

STEP 3

Now press Ctrl+F from your keyboard to find the following code in this HTML.

</body>

STEP 4

You find it? Great? Now copy the following code and paste it just above the </body> code you have find yet.

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a9be26824825a56"></script>

STEP 5

Now Click on Save Theme button. You have applied the script in the HTML of your website.

Adding Widget Code

The previous 5 steps were for adding the script of Related Post Widget in the blog. Now follow STEP 6 anytime you want to add Related Post Widget in your article etc.

STEP 6

Now copy the code from the box below. And add this code at the end of HTML of your post where you want to display this widget.

<div class="addthis_relatedposts_inline"></div>

Now you have applied all the steps involved in it. You can use this code anytime when you want to display the Related posts anywhere in your blog.

NOTE: Related Post will only show in that place where you will paste the code of STEP 6. You need to add this code after each new post to display the Related Post Widget.

Now you are all done. We hope that you may have liked this great widget. Please be sure to

• Share this article with your other fellows on social media like Facebook, Google +, Twitter etc
• Leave a comment for us to give us your feedback on this article. Even if you face any problem regarding this code.

Good Luck for your blogging.