How to make Blogger widgets to appear in mobile view
Blogger widgets can be controlled to be available in mobile view (<blogger site url>?m=1) by using attribute "mobile" in "<b:widget>" tag. The value of the attribute can be:
- default
- yes
- no
- only
Widgets that are displayed on mobile by default are the following:
- Header
- Blog
- Profile
- PageList
- AdSense
- Attribution
Examples:
<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>
To make it available in mobile view, add mobile=’yes’ attribute to it.
To make it available in mobile view, add mobile=’yes’ attribute to it.
<b:widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'>
Setting mobile to 'no' makes a widget not display in mobile view, even if available in mobile view by default.
Setting mobile to 'no' makes a widget not display in mobile view, even if available in mobile view by default.
<b:widget id='Attribution1' mobile='no' title='Attribution' type='Attribution'>
You can also make a widget available only in mobile view by setting it to 'only'. The widget will not appear in the layout setting. So before setting the widget to "only", set it to "yes" first and experiment with the positioning on mobile view using the layout settings. Once satisfied, set the widget to "only" and the widget is exclusive for mobile view.
You can also make a widget available only in mobile view by setting it to 'only'. The widget will not appear in the layout setting. So before setting the widget to "only", set it to "yes" first and experiment with the positioning on mobile view using the layout settings. Once satisfied, set the widget to "only" and the widget is exclusive for mobile view.
<b:widget id='BlogArchive1' mobile='only' title='Blog Archive' type='BlogArchive'>
[18 Sept 2012]
Use mobile='only' with care. Please refer to:
https://productforums.google.com/forum/?fromgroups=#!topic/blogger/1f_3elWgba0
References or Credits:
http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
[18 Sept 2012]
Use mobile='only' with care. Please refer to:
https://productforums.google.com/forum/?fromgroups=#!topic/blogger/1f_3elWgba0
References or Credits:
http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
I couldn't do it
ReplyDeleteThanks you its work great for me
ReplyDeleteThanks! It worked indeed.. Fix your re-captcha btw..... it doesn't tell you what you need to select.
ReplyDeleteit doesn't work for me. please check it out thanks.
ReplyDeleteit doesnt work for me.help pls
ReplyDeleteI did it but but didn't work. An error message was shown when I tried to save the modified http.
ReplyDelete