How To Add Related Posts Widget With Thumbnail In Blogger

Learn how to add related posts widget with thumbnail in your blogger blog.

Related posts widget play an important role in a blog to generate more pageviews and it helps to reduce bounce rates. A visitor is very much likely to read related articles if they are available.

Here, I have written a tutorial on how to add related posts widget with thumbnails in your blog.

There are many related posts widget available that you can add to your blog, but if you are looking for a widget that you can add to your blog and customize as per your requirement, there is one for you.

Add Related Posts Widget With Thumbnail In Blogger

Step 1: Go to Blogger Dashboard → Theme → Edit HTML

Step 2: Click anywhere inside Template code area and Press CTRL+F

Step 3: A search box will appear, find </head>

Step 4: Paste below code Just above </head> tag
[crayon-5bf0769b91866238998414/]

Step 5: Now open the search box again and search <div class=’post-footer’>

Step 6: Just above <div class=’post-footer’> Paste the following code:
[crayon-5bf0769b91876463202772/]
Step 7:
Save your Template.

Note:

1. If you want to change CSS style according to your template design you can change it in related posts CSS code.

2. You can change no. of posts to appear in related posts. Just change number in maxposts=4; in red color

I hope you find this article is very helpful to you so don’t forget to share this post in your network.

Read Also:  Download ‘Picpal’ App for Android/iOS Handset to capture grid selfie with friends from different locations

Leave a Reply

Your email address will not be published. Required fields are marked *