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.
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!
- Header
- Blog
- Profile
- PageList
- AdSense
- Attribution
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
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.
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
Please, SHARE this tutorial with your friends.
Cheers!
Very simple and straight forward. Thanks Jide.
ReplyDeleteYou're welcome Vera.
DeleteAT FIRST IT LOOK CONFUSING TILL I READ THE PREVIOUS POST "show mobile template on mobile devices" THANKS JIDE.
ReplyDeleteI've updated the post to highlight it as been very important. You have to activate "custom" mobile template before this will work. Have fun bro!
DeleteBros J, i have done it and it working but the issue is that the ads banner is big not showing like a mobile ads shld or am i missing something?
ReplyDeleteGenerate the ad code for a mobile banner and use it
DeleteSo how will the mobile ad code banner appear on the system?
DeleteHello Jide. Thank you very much for the info. I have tried it and its working but am having a little challenge. The ads banner is big, its not showing like a mobile ads.
ReplyDeleteWhat do i do?
gr8 one oga jide, pls can you write a post on how to redesign a blog using some quick tricks.
ReplyDeleteOk, I will try and work on that. You can use the Blogger Template designer to redesign a blog easily
DeleteSir, how do I show share buttons on mobile view?
ReplyDeleteI will write a tutorial on that soon.
Deletehello sir after choosing the custom template my blog is showing a dark background on the mobile version. check it www.nairamind.com please what should i do?
ReplyDeleteYes, simply because the outer background of the desktop view is black..
DeleteJide am kinda having some problems and need your help. The default Profile widget that shows on blogger mobile suddenly stopped showing and even after editing my template and adding ''mobile='yes''' to the code, it's still same ish.
ReplyDeleteToday i added a new footer widget and tried showing it on mobile, but it also didn't show up.
Is there a way to force these gadgets to forcefully show up?
You must change to custom mobile template before the mobile=’yes’ can work. If you've done that and still not working, Revert your post template to default via EDIT HTML.
DeleteTheres too much information on your blog!!! I'm overwhelmed! LOL. Well done and thank you
ReplyDeleteThanks Jide...its working it first gave me tough time though
ReplyDeleteNice one bro Xaliuarena.com
ReplyDeleteThe account associated with publisher ID ca-pub-1510********** has been disapproved what is the way forward Oga Jide see the www.androidvillaz.com
ReplyDeleteChange to "custom mobile template" shows a "broken B logo" icon in the templates page and results same "broken B logo" with "Whoops, that's an error - We apologise for the inconvenience. Try refreshing the page to see if things are back in order" on a mobile device or with ?m=1 in desktop browser.
ReplyDeletei have been trying to put mobile yes on template htm but still deost want to.
ReplyDeleteIt worked like magic at http://unizikonlinemedia.com. Thanks Oga Jide
ReplyDeleteIt stretches on mobile view when changed to custom.Also i am unable to show adsense ads. Urgent help needed on website www.everythingtechrelated.com
ReplyDeleteGod bless you for these post..so simple and straight forward
ReplyDeleteI got successfullly ! On my blog- http://igkindia.blogspot.in
ReplyDeleteTried it..put it on custom..located the widget id and edited..when i clicked save i get an error message "error parsing XML line2148 column 45: Element type "b:widget" must be followed by either attribute specifications. ">" or "/>". Please help
ReplyDeleteJust make sure to press space after you add in the code. sometimes if things link together it will show this error
DeletePerfectly working.. thanks
ReplyDeleteSo simple and straight to the point. Just used it now....
ReplyDeletePlease i need a better template for my site http://www.temmyguru.com.
ReplyDeleteWhere can I see a better template to download
bro my social buttons arent showing on the custom template, its showing the blogger default share button, pls what should i do?
ReplyDeletesir i put the mobile yes ind it didn't work in my template. what should i do. mmy site is www.successincentives.blogspot.com
ReplyDeleteEver since i changed my template to custom, the comments box disappears. please what is the solution sir? see at www.writeshub.com
ReplyDeleteGod bless you for this post, this has helped increased my blog's page views
ReplyDeleteIt works .. but I like to display it as a dropdown menu.. How please?
ReplyDeleteThanks Jide,It worked
ReplyDeleteEnter your comment...I have been having difficulty with this issue, I am unable to add the mobile=yes to my blog, anytime I try to add it it jump out it this """ ....mobile=yes""" pls I need help, seriously need your help bro I use God beg u.
ReplyDeletePlease jide, am having issues with my blog can you help me? http://www.blogmallnigeria.com when you reduced it to mobile view when browsing on it to see how it look on mobile, my post will not be clickable. and i think it happens to most browswers
ReplyDeletehello,i have done find a widgets on html on my blog and have done to add mobile ='yes' but why still not work on mobile view my site like www.caramenjahit.com?m=1 please help me whats wrong with my template blog.Thank you
ReplyDeletei know that this comment is coming late but this is a great piece of information but Sir my question is can I rearrange the positions of gadgets on the blogger mobile view???
ReplyDeleteYes, arrange via "layout", same as you arrange the positions for desktop view.
DeleteNice post bro, umm can u please check out my blog http://empirestatesblog.blogspot.com so you can tell me how to add an ad that will soot mobile view
ReplyDeleteGreat post. Your tips is really great.
ReplyDeleteogbongeblog, i have add take the step but is not showin on my mobile view still, i am confuse
ReplyDeleteBased on the comments, you're to be using the "Custom Mobile View" and not the default mobile view.
Deletesome of the codes are missing on my blog html so i dont know if i should change the templte or there is a way i can go bout it...... here http://www.ofofomedia.com/
ReplyDeleteThanks boss jide.. really helped me
ReplyDelete