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.
You should now be able to see related posts under each blog post.

LinkWithin / Related Post Widget Not Appearing On Mobile?
Please note that by default, some Blogger widgets do not appear on mobile devices.
Likewise, LinkWithin widget that we just added will 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.

Blogger layout widget title name
  • 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.

Comment with Facebook

Comments

  1. Replies
    1. Thanks for dropping by. Hope it was helpful?

      Delete
  2. It works perfectly!!!! Thank you soooo much!! I wanted a widget like this for months!

    ReplyDelete
    Replies
    1. Hi Mareli,

      Thanks for the comment. I am glad you found it useful :)

      Delete

Post a Comment