Wednesday, April 29, 2020

Blogger Related Posts Widget: The Definitive Guide (2020)

Blogspot Related Post Widget:


Blogger is a notable platform for amateur bloggers. which you may effortlessly create blogspot site in just a minute.

Currently, one of the most asked questions in blogger is: how to add related posts widget on blogspot blog. This related posts widget will be very beneficial to reveal distinctive related posts on your readers and keep them analyzing your blog extra.

In this article, i will teach you how to show related posts on your blogspot blog. I've got advanced a related posts widget for blogger blogs this is very clean to install and setup. 

Before i teach you how to install this awesome related posts widget for blogger, allow me apprehend you some of it’s key functions.

The Functions Of Blogger Related Posts Widget


  • It's very easy to install on any blogger blogs.
  • This blogger related posts widget will effortlessly adapt to the design of your blog. Even if you are the using latest theme or older

  • Is far responsive. the related posts will routinely adapt to the display screen size of the readers phone.
  • This will make your blog bounce rate reduce.
  •  Very easy to install this related posts widget on your blog


  • Go to blogger dashboard and click "Theme", then Open your template code and find a code like below:

<b:include data='post' name='post'/>

Now copy and paste this code with the below code:


<!-- Guides NG Related Posts Widget START --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <span class='_140414_related_label' expr:post_id='data:post.id' expr:url='data:label.url' style='display:none'><data:label.name/></span> </b:loop> </b:if> <div class='_140414_related_posts' expr:post_id='data:post.id'> </div> </b:if> <!-- Guides NG Related Posts Widget END -->


Finally, click Save Template to make the code save in to your blogger blog, you can configure the below widget and add it to your blogspot blog.

Add Related Posts Widget Now



Immediately you click "Add Widget" the code will automatically install and display. now, move in advance to view one of your blog posts. you should see the related posts underneath it. Note: Make sure you add label to your blog post. Because if you don't add a label (categories) to a put up, you might not see the related posts under it.

You can alter the css regulations if you need to customise the appearance and experience. If you have any questions please feel free to drop your comment. 

2 comments: