How to Show Any Gadget on Blogger Mobile Template

How to show any gadget on blogger mobile template and how to make blogger mobile friendly: Still wondering how you can make Ads and blogger gadgets appear on mobile version of blogger blogs? Waste no more time because the guidelines are given below. Most of the traffic we get are from mobile users who atimes do not 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 blog adverts and gadgets like popular post gadget, cloud label gadget, 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, therby making your blogspot blog compatible and responsive on smaller screens like smartphones. Also showing ads on mobile version of blogger will be another opportunity to make more money since the ads have will more impression and clicks.


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


To Show Ads and Gadgets In Blogger Mobile Version, you need a fair idea of blogger mobile template customization.
  • First, Goto your template
  • Click on  the gear icon for mobile settings.
  • Select 'Yes. Show mobile template on mobile devices'. 
  • From the drop down menu, select 'custom'.
  • Save your template.
 
How to Show Any Gadget on Blogger Mobile Template


Also Read:   How to Create HTML Sitemap In Blogger
                   Link to This Post Widget For Blogger
                   How to Add HTML Parse Tool To Blogger

To display a new blogger gadget in the mobile version of your blog,

  • Goto 'layout' section
  • Click on 'add gadget'
  • Select 'html/javascript', paste your code, either the ad code you generated or a blogger widget/gadget code.
  • Save the gadget.
  • Still in the layout section of your blog, edit the gadget you just added.
  • Then view the web address of the gadget and copy the widget ID (the image below shows where to see the widget ID)
  • After copying the ID, either save the gadget again or exit it

How to Show Any Gadget on Blogger Mobile Template

  • Next, goto your blogger 'Template'
  • Click on 'Edit html'.
  • Select 'Jump to widget' and click on the html number you noted previously (in the image above, it is HTML 1).
  • 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 also on the web version, then add this instead mobile='only'). 

How to Show Any Gadget on Blogger Mobile Template

  • Save your template. 

    To display an existing blogger gadget or ad code in the mobile version of your blog,

    • Click on  'Edit' option for the gadget or add you want display on the mobile version of your blog.
    • View the address bar and note the 'HTMLl 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
    • 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
                        Add Read More Attribution Links to Copied Text in Blogger
                             


    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, thereby making your blogger mobile friendly.



    Do you like this post? Please link back to this article by copying one of the codes below.

    URL Of Post:


    HTML Link Code:

    BB (forum) link code:

    Comments