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:
In addition to that, you will have to add mobile=’yes’ attribute to the
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<b:widget> tag of the widget.
eg
<b:widget id='HTML31' locked='false' title='' type='HTML'>....</b:widget>
==> Click inside the tag and type mobile='yes'
Your new code should now like like this:
<b:widget id='HTML31' locked='false' mobile='yes' title='' type='HTML'>....</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 see the widget been displayed.
Let me know if this works for you.
- Header
- Blog
- Profile
- PageList
- AdSense
- Attribution
In addition to that, you will have to add mobile=’yes’ attribute to the
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:
<b:widget id='HTML31' locked='false' mobile='yes' title='' type='HTML'>....</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 see the widget been displayed.
Let me know if this works for you.
No comments:
Post a Comment