TUTORIAL IT

Still wondering how you can make Ads and blogger gadgets appear on mobile version of blogger blogs? Waste no more time. The guidelines are given below. Most of the traffic we get are from mobile users who atimes don't view the web version of our blogs. This reduces the chances of getting clicks on ads, readers subscribing for post on the blog with the email gadget or viewing other related post which in turn increases your blog's bounce rate. For adverts, blogger gadgets like popular post gadget, labels, social media follow and subscription widget and the likes,  these guidelines will show you how to display them on the mobile version of your blog, making your blogspot blog compatible with mobile phones . Also showing ads on mobile version of blogger will be another opportunity to make money.

•  
• First, Goto your template
• Click on  the gear icon for mobile settings.

 

 

Also Read: How to upload blogger template
                   How to Add HTML Parse Tool To Blogger

How to Make Ads and Gadgets Appear on Mobile Version of Blogger

• Next, goto 'layout'.

For New Gadgets

1. Click on 'add gadget'. 
2. Select 'html/javascript', paste your code, either the ad code you generated or a blogger widget/gadget code.
3. Save the gadget.
4. Still in the layout section of your blog,  edit the gadget you just created.
5. View the address bar and note the 'html number', which is the widget ID of your new gadget/widget.
6. Next, goto your blogger 'Template', click on 'Edit html'.
7. Select 'Jump to widget' and click on the html number you noted previously (that is, if it was html12 or html8).
8. Add this line of code when the widget/gadget opens in your template mobile='yes', just after where "locked false" appears. Or, If you want the widget/gadget to appear only on the mobile version of your blog and not on the web version, then add this instead mobile='only'.
9. Save your template. 

For Existing Gadgets

• Click on  'Edit' option for the gadget you want display on the mobile version of your blog.
• View the address bar and note the 'html number', which is the widget ID of your new gadget/widget. 
• Next, goto your blogger 'Template', click on 'Edit html'.
• Select 'Jump to widget' and click on the html number you noted previously (that is, if it was html5 or html8).
• Add this line of code when the widget/gadget opens in your template mobile='yes', just after where "locked false" appears. Or, If you want the widget/gadget to appear only on the mobile version of your blog and not on the web version, then add this instead mobile='only'.
• Save your template.

Also Read: How To Show Adsense Below Blogger Post Title
                   How To Centralize Blogger Title And Description

NOTE:  Using mobile='only' might bring error messages each time you try to rearrange the gadgets in layout. It'll be advisable for you to include mobile='yes' instead. With this your ads and gadgets will now be displayed on the mobile version of your blog.