How To Show/Hide Any Gadget on Blogger Mobile Template

A lot of bloggers who are you using blogger platform on their blog for first time you to ask me question on how to show OR hide blogger gadgets/widget in mobile view. So today i decided to share some tips that will help you to show OR hide blogger gadgets in mobile view. Now let’s get started

Note: To display any widget on your blogger mobile templates, you must activate a "custom" mobile template instead of using one of the default Blogger mobile templates. 

How to activate custom mobile template 

Go to template
Then click on customise mobile template

Under choose mobile template select custom

Then save it 



How to show blogger gadgets in mobile template 

1. Go to Layout and Select the widget which you want to show in mobile Example : In my case i want to show “Follow us on Facebook” gadget in mobile

2. Click on edit on the widget which you want to show in mobile and notice the id of “widgetId” for this one is HTML16

3. Now go to "Template" > "Edit HTML"

4. Click on "Jump To Widget" and click on the id of the widget you want to show on the mobile view of your blog. This will take you directly to the <b:widget> tag of the widget.

Eg. <b:widget id='HTML16' locked='false' title='Follow us on Facebook!' type='HTML'>

5. Now just after “locked=’false’ addmobile=’yes’ (This should be added in the right section of the code)

It will become <b:widget id='HTML16' locked='false' mobile='yes' title='Follow us on Facebook!' type='HTML'>

6. Save you template by clicking on “Save template” button 

7. Done! 

Now if you to hide or you want to show the widget only on mobile blogger template then follow this simple step: 

To hide widget 

Just use mobile=’no’ instead of mobile=’yes’

To show it only on mobile template 

Just use mobile=’only’ instead of mobile=’yes’