Show or Hide Blogger Widgets On Mobile Using A Mobile Phone Or Desktop

Want to show or hide a widget for mobile users? Do you want to use an android to edit blogger HTML which is the source code that controls the appearance of your blog? Are you having issues editing blogger HTML on mobile?

Here is some good news, this guide will show how you can edit or customize a blogger mobile template using a mobile phone. The guide contains a tutorial for desktop users as well. You will be able to control which widgets are to be shown and which shouldn't. You don't have to be tech savvy to get this done. With this properties in mind [mobile='yes', mobile='no', mobile='only'], you can show or hide blogger widgets. Remember, the properties are not 'mobile=yes', 'mobile=no', or 'mobile=only' but mobile='yes', mobile='no' and mobile='only'. There's a slight difference and you should take note of it.

SHOW BLOGGER WIDGET ON MOBILE USING DESKTOP

1. Log in to blogger.

2. Choose blog you want to edit.

3. Go to Template.

4. Click, Edit HTML

5. Search for any widget using the 'Jump to widget' option available in template editor.

6. You'll be directed to the widget code, now add mobile=’yes’ to the code right after locked=’false'. See screenshots below.

html image
Show or hide blogger widgets

7. Save.

HIDE BLOGGER WIDGET ON MOBILE USING DESKTOP

1. Repeat steps 1 to 5 above.

2. You'll be directed to the widget code, now add mobile='no' to the code right after locked='false'. See screenshots below.

html image
Show or hide blogger widgets

3. Save.

SHOW OR HIDE BLOGGER WIDGETS ON MOBILE USING MOBILE PHONE (ANDROID)

1. Log in to blogger.

2. Choose the blog you want to edit.

3. Go to Template.

4. Select Back up / Restore.

5. Click the Download full template button.

6. Go to Google play store.

7. Install 'XML Editor' by Nextmake.

8. Open the app and select your downloaded template from blogger.

9. Search for the widget.

10. If you want the widget to be shown, add mobile='yes' right after the locked='false' as we can see below.

html image
Show blogger widgets using mobile

If you want the widget to be hidden, add mobile='no' just after the locked='false'.


11. Check for inaccuracies in the app. If it reads 'Valid XML' , it means it can be uploaded to blogger.

Caution: For it to read 'Valid XML' , take your time while searching for the widget to edit. If you rush, your hands might alter a code without your knowledge.

12. Upload it to blogger by repeating steps 1 to 4.

13. Save.

if it's an HTML gadget, before you proceed to download the full template, add a title to the gadget in layout for easy identification in the app

WHAT TO DO NEXT

1. Go to Template.

2. Click on the Gear Icon below the Mobile Template.

3. From there, change mobile viewing options from 'Default' to 'Custom'.

4. Preview and save it.


Congratulations, you have successfully hidden or shown your blogger widgets on mobile.


The guide ends here. Please share your experiences with us.