How to add "you may also like" or related posts widget for blogger?
Related posts or "you may also like" section on your blog or website allows visitors to read more related articles after they have finished one. This helps a visitor to stay on your website or blog, which also helps in reducing "bounce rates". [Bounce rate: the percentage of visitors to a particular website who navigate away from the site after viewing only one page.]
How to add "you may also like" or related posts widget for blogger?
By default, Blogger does not have related posts widget. But there are third-party widgets that gets the job done. One of the most popular related posts widget for Blogger is one by "LinkWithin". Let's check out how to add related or "you may also like" widget on Blogger.
- Browse to http://www.linkwithin.com/
- On the same page, enter your details - email, website URL, select blog platform (select: Blogger) and number of related posts to show
- Click "Get Widget" - a new page opens.
- Click "Install Widget" - a new page opens
- If you have multiple blogs on the same Google account, select the right one for which you are configuring.
- Change the title if you like to: "You may also like:"
- Click "Add Widget": you are now redirected to your Blogger Blog's layout page
- Find the widget you just added.
- Drag and place it below the "main" widget (that is, below the blog posts) or anywhere you want it.
- Save Configuration.
LinkWithin / Related Post Widget Not Appearing On Mobile?
Please note that by default, some Blogger widgets do not appear on mobile devices.
Like I have shown in the mobile screenshot on the right, the LinkWithin or Related Post widget is expected in the area marked in red but it is not appearing on mobile devices.
If you would like to show related posts on mobile devices also, then do the following changes in your Blogger HTML template.
- Login to Blogger
- DASHBOARD >TEMPLATE >EDIT HTML
- Click anywhere and press CTRL+F to enable the search bar
- Type the name of the widget in the search bar. In my case, I named the widget "You may also like". If you are not sure what you need the LinkWithin widget, go to DASHBOARD > LAYOUT page and check.
- The LinkWithin widget code looks like this:
<b:widget id='HTML7' locked='false' title='You may also like:' type='HTML' visible='true'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>
Add mobile='yes' to the above code. Now it should looks like this:
<b:widget id='HTML7' locked='false' mobile='yes' title='You may also like:' type='HTML' visible='true'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>
Now the related posts widgets should also appear on mobile devices.
Greatly expalined in steps and easy to underastand.
ReplyDeleteThank i was in search of the same.
Cado Magenge
mobile apps development companies melbourne | app development companies melbourne | ipad app development company
Thanks for dropping by. Hope it was helpful?
DeleteIt works perfectly!!!! Thank you soooo much!! I wanted a widget like this for months!
ReplyDeleteHi Mareli,
DeleteThanks for the comment. I am glad you found it useful :)
It was useful
ReplyDeleteIt really works in my blog. Thanks for sharing.
ReplyDeleteYour post is very important for me. I have add this widget in my website you can also check: Social Bookmarking Sites 2020.
ReplyDeleteThanks, Again! I have superscribe your blog.
This comment has been removed by the author.
ReplyDeleteYou are right. It seems it is no longer available.
ReplyDeleteIn that case, if you want to add related posts, may be you can try addthis.com.
Watch some tutorial videos on YouTube to know more.
All the best!
Nice post
ReplyDelete