How to add related posts with thumbnails on blogspot blog? 2019

Below article shows the simple way to add a related posts with thumbnails widget on blogspot blogger. It uses labels to display the related posts below post content.

Things to do before blogger blog theme update:

  1. Backup blogger blog theme. If you get into any issue after update, you can restore/revert to the original theme.

Steps to add related posts widget on blogspot

  1. Login to your blogger account
  2. Goto Theme -> Edit HTMLblogger-blog-theme-edit-html
  3. Click anywhere inside the HTML code and press CTRL+F. You will see search box on top-right.
  4. Type below tag in the search box and hit ENTER

5. Copy and Paste below code above </head> tag

6.  Type below tag in search box (or CTRL+F) and ENTER (You will find it two times, goto second one)

7. Paste below code above <div class=’post-footer’>

8. Click on Save theme Button

blogger blog save theme button
Save Theme button

Other How-To Guides on blogger blogspot

External Resources:

About the Author


A passionate blogger. Love to share solutions and best practices on wordpress hosting, issues and fixes, excel VBA macros and other apps

Leave a Reply

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