What does it do?
It interlinks posts on your blog with the same Label together.
On this widget, any post being viewed on your blog if it has bee categorized with a label, other posts in the same Label will be displayed on this widget.
The widget appears below each blogger post with thumbnails, which is easier to get the attention of your audience.
Why You Should Use a Related Post Widget with Thumbnail
A Related post widget allows visitors to your site to gain access to more posts related to that particular post.
Since the post is related to the one currently being viewed, chances that they'll click on it are high.
That being so, you get more blog pageviews as well as reduce your blog's bounce rate.
A reduction in bounce rate can be attributed to the fact that most visitors are viewing more pages on your blog after coming from a page referred to them by search engines or social media pages.
In the same vein,
This particular widget comes with a thumbnail that displays an image alongside the title of the post.
The images serve to captivate the user's attention easily compared to when images are absent.
Are you still wondering how to increase your blog's page views and reduce the bounce rate?
Then try out this related post blogger widget with thumbnails on your blogger blog.
Two different codes are given below for the widget, copy only one into your template.
Also Read: Sliding Recent Posts Widget For Blogger
Scrolling Popular Post Widget For Blogger
Square Popular Posts Blogger Widget With Rotating Effect
How to Add Related Posts Widget In Blogger
- Goto your blogger dashboard.
- Navigate to 'template', backup your template first.
- Next, Click on 'edit html'.
- Using Ctrl+f keys, search for </head>.
- Copy the code below and paste 'above' the tag </head>
- Next, search for this tag <div class='post-footer'>
- Copy the code below and paste 'above' the second <div class='post-footer'> in your template.
- Save your template.
Numbered Popular Post Widget For Blogger
How to Customize Labels Cloud Gadget In Blogger
Related Posts Widget For Blogger With Thumbnails
- Got your blogger dashboard
- Navigate to the template.
- Click on 'edit HTML'.
- Using ctrl + f keys search for this tag </body>
- Copy the code below and paste 'above' </body>
Note: You can customize the code above by setting the minimum and the maximum number of related post to be displayed.
By default, these have been set to 3 and 3 respectively.
You can also make changes if you want the thumbnails to be round. Simply edit the code by changing var roundImages = false to var roundImages = true. Ensure you include the semicolons after making the changes.
- Save your template.