How to set Related Posts with Thumbnails Widget for Blogger Blogs
This widget will display related posts under each post in your Blogger blog. The uniqueness of this widget is that it displays related suggestions with image thumbnails. Additionally, the posts show different effects on hovering. You can customize the hovering effects also if you are skilled in CSS.
Previously, the related posts with thumbnails were only possible to add using Linkwithin Widget but now by using below script, you can add related suggestions without using the third party services of Linkwithin. Why this Widget is better than Linkwithin When you use Linkwithin for showing related posts on your blog, the posts are not always relevant with one another. The suggested posts are chosen randomly, but the widget which you are going to get now lists and shows posts by labels, so the displayed posts are relevant to each other.
Secondly, when you use Linkwithin for displaying related posts, it may slow down your blog, as the script is loaded remotely from the servers of Linkwithin. But after using this widget, the risk of your blog to be slow down eliminates as the script code is now hosted on robust servers of Google.
How to Add this Widget to Your Blogger Blog To add this widget to your Blogger blog, follow below instructions.
1. Login to your blog’s dashboard 2. Go to template section and edit its HTML 3. Press Ctrl+F and find any of below lines <div class='post-footer-line post-footer-line-1'> <div class='post-footer-line post-footer-line-2'> 4. Now paste provided code just below any of above mentioned lines
5. Now press Ctrl+F again, find <head> and paste below font script just below it.