How To Add Related Posts Below Posts On Blogger Blogs

After spending lots of time searching for related posts for blogger blog most of the results are not perfect as expected. So I decided to update this article for people in need of related posts on their blogger blogs.
Having related posts is to help readers easily find the content relevant to the previous article they have read. Apart from that it also helps blog owners to improve internal links, decrease bounce rate, and have more page views. You’ll see the number of views increase significantly as the to display related posts on the blog

Add Related Posts without Thumbnail to Blogger Blogs

1. Signin to Blogger, from dashboard navigate to Theme >> Edit HTML then click anywhere inside the box and press Ctrl + F to find /head>

2. Copy and Paste the below code above /head>

3. Now to put related posts below the post find the line of code below.

4. Once gotten, click the just above arrow at the left side and paste the below HTML code above /b:includable> tag.

5. Save the theme and you are done.

READ ALSO  How to Turn ON Dark Mode on iPhone Xs and Xs Max

How to Customize the Related Posts Widget for Blogger Blogs

– To change the heading text size ‘You May Also Like’. Change the 5 in ‘Arial’ size=’5′ to get required size of your heading.
– To change the text “You May Also Like” to something else just replace the text to what you want.
– To change number of related posts to show, change the max-results=5 in the second code to any number of your choice e.g. to change it to 10 you will now have max-results=10 instead of max-results=5
Now visit your blog from a computer to see related post widget without thumbnail below every blog post.

The widget is based on ‘labels’, so try to labels correctly before publishing the post.

Leave a Reply

%d bloggers like this: