New Way To Add A Simple Related Post Widget To Blogger

Are you a blogger? You can now draw your users or audience to your blog for a very long time, giving them special articles below all your posts in order for them to keep navigating your blog.

With this simple mobile-friendly related post widget, it will be easy for you to get adsense approved because it will improve your blog navigation system, it will reduce your blog bounce rate which means users will always stay for a very long time on your blog, it will help your blog do internal linking and google will be able to crawl your blog very fast because is also one of the best SEO strategies that a blogger supposed to apply to his or her blog. Let’s see how to add it to blogger.

How To Add Simple Related Post Widget To Blogger

  • Just login your blogger dashboard and go to Template then EDIT HTML
  • Then find  and paste the code above it.

.related-post-title{font-size:2.3em;margin: 5px 0px;}#related-posts {margin: 0px 5px;}#related-posts a {font-size: 1.1em;color:#970E0E;text-transform: capitalize;}#related-posts a:hover {text-decoration: none;color: #555;}#related-posts ul {list-style-type: none;padding: 0px;color: #000000;}#related-posts li {  padding: 0.7em 1.2em;border-bottom: 1px solid #E2E2E2;background: url( 1em no-repeat;}#related-posts li:hover {background: url( 1em no-repeat #E7F0FF;}

Note: You can change the 5 DIGIT marked in RED to any number of posts you want in your related post Widget.


  • Then tap on SAVE. Wow! You have successfully added a related post Widget to your blogger.

Simple Related Post Widget Will;


  • Reduce your Alexa.
  • Makes Google crawl your blog faster.
  • It will build internal linking for your blog.
  • It will make users stay longer on your blog and reduces bounce rate.
  • It will increase your SEO ranking.

Is it helpful? Do you encounter any problems or issues while trying to add simple related post Widget to your blogger? Kindly ask more questions and if it works for you, kindly share your experience!


  1. pls sir after adding it it doesnt display on my web view but it displays on mobile view, i dont even know what is wrong with my template when i add share button is doesnt appear on the web view pls help me sir

  2. Mobile view is different from PC view. After you have pasted the code above the HEAD then in the post footer, you will see two post-footer…one is for PC view and other is for mobile view. Just paste the code in the two POST FOOTER.

  3. Thanks for your concern My dear brother. Though I am not a blogger, it’s very helpful for the bloggers. Thanks for your caring and honest advice.

Leave a Reply

Is it helpful? Be the first to comment because your comments are highly welcomed and appreciated to this article. Do not forget to share with your friends, families and on social media like Facebook, Twitter, Linkindin and others.

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