This post will help you make A Related Post Widget, as shown in the photo below.
This Related Post Widget appears in all the Blogger Post at the End of Each and Every Post, and hence the user spent more time on your site reading the related posts.
 |
| Sample Photo of Related Post Widget. |
#1. First of All, Download the Code file from the link available below for Related Post Widget Appearing at the end of Each and Every Post in Blogger.
Download Link of Code for Related Post Widget: Click Here for Download
#2. Then Open the code and Customize it if you want to increase the number of posts appearing in the widget. I have kept it as 3 in the code, so better to keep 3 posts; it looks attractive for 3 posts in this widget.
You can customize if you want the number of posts shown in this Related Post Widget in the place shown below in the photo.
#3. Now open the Blogger HTML View to Add our Related Post Widget Code.
#4. Now open the Downloaded Code Notepad File and Copy the Part 1 Code and Paste it in Blogger HTML View before Closing Head Tag ( Just Before </head> tag ) as shown in the photo below.
Detail is also written in the Downloaded Code notepad file.
Detail is also written in the Downloaded Code notepad file.
<div class='post-footer'>
VVI Note : There may be 2 <div class='post-footer'> code in our blogger HTML, you need to paste this code before the 2nd <div class='post-footer'>, Remember not the first one.
#6. Now, save your Blogger HTML and visit any Post on Blogger Site. You will see the Related Post at the End of Each and every post.
You have successfully added Related Post Widget in your Blogger, which appears at the end of all the posts in Blogger. This definitively increases view, increases revenue in your site, and engages users for more time.