If you configure your Blogger blog to show mobile template on mobile devices , the widgets listed below are the ones that are displayed by default:
- Header
- Blog
- Profile
- PageList
- AdSense
- Attribution
If you want any other Blogger widget to display on the mobile view of your Blogger blog, you will have to activate a “ custom ” mobile template instead of using one of the default Blogger mobile templates.
In addition to that, you will have to add mobile=’yes’ attribute to the<b:widget> tag of the widget, right inside your blog’s html.
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, let’s assume you have used the HTML/Javascript gadget to add an advert to your Blogger blog and you want it to display on 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 as highlighted below:
As seen above, the id of the widget is HTML31 .
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 show on the mobile view of your blog. This will take you directly to the
eg
==> Click inside the tag and type mobile=’yes’
Your new code should now like like this:
==> 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 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.
Recommended: How To Make BlogSpot Blog Compatible With Mobile Phones
Cheers!
Leave a Reply