How To Stop Any Gadget From Showing on Blogger Mobile View

Earlier, I shared with you, how to show gadgets on Blogger mobile template. In the tutorial, I listed the widgets that appear by default once you configure your Blogger blog to show mobile template on mobile devices. If you don't want some of the widgets (eg Attribution) to display on the mobile view of your blog, you can easily remove them using the "mobile" attribute.


Remember, the "mobile" attribute lets you control which of the widgets on your Blogger blog will be available in mobile view and it can be 'default', 'yes', 'no', or 'only'. Hence, by adding mobile=’no’ attribute to the <b:widget> tag of the widget, right inside your blog's html, you can easily stop such widget from displaying on the mobile view of your blog

.....but

this will NOT work unless you have switched from default Blogger mobile template to "custom" Blogger mobile template.

As an example, let me assume you want to stop the "Powered by Blogger" (Attribution) from showing in the footer of the mobile view of your blog. Just follow me through the steps below:

IMPORTANT: First ensure you have enabled Blogger mobile template and have switched to "Custom" as explained here.

Now, you need to get the id of the widget. You can read: how to get id of any Blogger widget if you don't know how to go about it.

==> Next, is to go to "Template" > "Edit HTML"

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

In this example, "Attribution1" is the id of the Attribution widget on my blog. Hence, it's code will look like this:

 <b:widget id='Attribution1' locked='false' title='' type='Attribution'>...</b:widget>

==> Click inside the tag and type mobile='no'

The new code should now like like this:

<b:widget id='Attribution1' locked='false' mobile="no" title='' type='Attribution'>...</b:widget>

==> Click "Save Template"

That's all.

You can now view the mobile view of your blog by adding ?m=1 to your blog's URL eg www.ogbongeblog.com?m=1 and you should no longer see the widget been displayed.

Let me know if this works for you.

Subscribe to this blog, if you don't want to miss my tutorial on how to display Google ads inside posts on Blogger mobile view.

Please, SHARE this tutorial with your friends. 

Cheers!