Mostly Time in Blogger, Widget are suited for Pc View but when we open this site in mobile then this widget takes a longer area in mobile (Tablet, Smart Phone etc.) if mobile view is disabled. and if we enabled mobile view in blogger then all widget are default disabled by blogger. So it is a main challenge for blogger how to create blogs template which are best for both. Mobile view of blogger only shows Header, Blog Post, Pages, Attribution , Profile, adsense.

However it is easy to add widget for only mobile view or add widget for only Pc View by changes some script in blogger templates.


How to add extra widget to the mobile view?

  • Go to Template >> Edit HTML and tick the "Expand Widget Templates" checkbox
  • Search widget id which one want to change.
  • Your widget script will Appear Like Below. 
<b:widget id='Widget1' locked='false' title='YOUR-WIDGET-TITLE'type='facebooklike'/>

  • If you want to show also in mobile view then just add mobile='yes'. after change your code look like below
  1. 
<b:widget id='Widget1' locked='false'mobile='yes'  title='YOUR-WIDGET-TITLE' type='facebooklike'/>
  • If you want to show only in mobile view then just add mobile='only'. after change your code look like below.
  1. <b:widget id='Widget1' locked='false'mobile='only'  title='YOUR-WIDGET-TITLE' type='facebooklike'/>
  • If you want to hide in mobile view then just add mobile='no' in code and your code look like below.
  1. <b:widget id='Widget1' locked='false'mobile='no'  title='YOUR-WIDGET-TITLE' type='facebooklike'/>
    
I believes that surely very helpful this post for you.  after change this code you can view your mobile view in your desktop by adding ?m=1 in url. 

    Home Blogger Mobile View Tips Blog