Have you checked out your blog on mobile? and you want to hide or show any widget on blogger blog easily then you have to read this.

You can agree with me that there are certain widgets that don’t look good on mobile which makes this article helpful and will guide you on how to do that.

All widgets looks nice on desktop due to they are placed in sidebar but in other to make this certain widgets not to show your mobile then this article is also for you.

You have to be familiar with your blogspot template in other to perform the steps am about to share…

I guess you know how to add widgets to your layout by now.

So let;’s get started.

How To Hide or Show Any Widget on Blogger

I will show you how to get it done, first you need to know the specific widget ID you need to hide or show on blogger, to get it follow steps below:

  • Go to Blogger >> Template >> Layout.
  • Now click on Edit button of widget.
Now you need to look for Widget ID which would be in the URL of your selected widget. In the URL look for widgetId it would be towards the end of the URL. As shown in the image below:

Now you know the widget id then lets show or hide the widget depending on what you want. you need to add mobile=’yes’ attribute to the <b:widget> tag of the widget, right inside your blog’s Edit Template.

The “mobile” attribute lets you control which of the widgets on your Blogger blog will be available in mobile view. It can be ‘default‘, ‘yes‘, ‘no‘, or ‘only‘.

Now lets hide widget on mobile.

  • Go to Template >> Edit HTML
  • Search for widget coding using Widget ID which you’ve copied ( you can search easily on pc using CTRL + F) or you can use jump to widget the locate the widget id you copied.

This will lead you to the the widget coding, now add mobile=’no’ in the widget code just after the locked=’false’. As shown in the screenshot below.

Well to make it easy for you see this little info below:

To hide widgets the code should look like this.

<b:widget id=’HTML5′ locked=’false’  mobile=’no’  title=” type=’HTML’>….</b:widget>

To show widgets the code should look like this

<b:widget id=’HTML5′ locked=’false’  mobile=’yes’  title=” type=’HTML’>….</b:widget>

Then Click on Save template button and you are done.

Join our Active Telegram Group chat for discussions and updates
Join Now
This Post was Last updated on February 27th, 2019, we update our content constantly to give you the best.
Note: We don't support duplicate content, this material and other digital content on this website may not be reproduced, published, broadcast, rewritten or redistributed in whole or in part without prior express written permission from Deegeek Nigeria. All content are protected by the Digital Millemium Copyright Act 1996 (DCMA)