How I Added Related Posts Widget To Blogger Blog

Many readers of your blog will spend more time on our blog after reading a post, if they see more related posts. If you really want to increase the page views of your blog, then you must be showing related posts under each post on your blog. In this post, I am sharing with you, how I added a widget/plugin to my blog , which displays list of related posts below each post on my Blogger blog.

The related posts widget will show a new related posts section below your post. The related posts widget fetches the related posts from those posts having the same label as the current post.

To add the related posts widget you will have to follow the steps below:.

==> Log in to your blogger dashboard ==> From there go to Layout > Edit HTML and tick the expand your widget templates box (option on the right). If you are using new Blogger dashboard, go to Template > Edit HTML
==> Click inside the HTML and use CTRL+ F to find </head>

1.Search for this line in your template div class='post-footer' 2.Paste the second code before this line. Most templates have 2 of this code(div class='post-footer') so if you try in the first one and it does not work try the second one. I had thesame problem but it works now on my blog http://www.baba2023.comLet me know if it works

Great information Jide. I have tried it and have seen that it worked perfectly well on the custom mobile template. However I am very keen to know how to costumize the default mobile version of my blogger blog. For example, the default mobile version of this blog(ogbongeblog) shows ads, related posts and many other valuable widgets. I have faith that you will reveal this mystery to me and those intrested.

oh!!! i've discovered the fault, i searched what you pasted but it doesnt work, so i scrolled down and found something like that. so i saw something related, the <span….. which is below the first one is together with the code you pasted. So I did what you pasted again and it works. maybe that happen because im using the new blogger interface. im so glad! thanks!! and more grease to your elbow. i hope this will rectify those that didnt get it done.

It didn't appear on desktop view because you placed the code on mobile view post footer thats why. So just look for the desktop view post footer apply the thumbnail code. It should be below the first post footer 1.

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.