How to show a Blogger widget In Mobile View

(1). Go to blogger and login to your account.

(2). Click on template and edit it.

(3). After editing you blog’s template click on Jump to widget.


(4). Now select the widget which you want to show in mobile view. I am selecting Html9(search box) in this tutorial.  


(5). After selecting your widget you will see a code similar to below piece of code:

  


(6). Now after finding code similar to above just write mobile=’yes’ after Locked=’false’ as shown in below image(it will enable your widget in mobile view).

How to show a widget in mobile view in blogger | 101Helper

(7). Click save template and all is done! open your blog in mobile by using this link http://username.blogspot.com/?m=1.

How to show a widget only in mobile view in blogger:

Showing a gadget in mobile view only is similar to showing a widget in mobile, like above we add mobile=’yes’ to show a gadget in blogger mobile view, here we have to do something similar to above. So now if you want to show a gadget only in mobile view and not on the desktop you have to use mobile=’only’ instead of mobile=’yes’. Say that you are trying to show search box only in mobile view now you have to use above method to jump to the widget and then you have to type mobile=’only’ and click on save template. That’s it! the overall code should be similar to the below piece of code:

<b:widget id='HTML9' locked='false' mobile=’only’ title=’Google search’ type=’HTML’>

Note: When a widget is shown only in mobile by adding mobile=’only’ to its code then that widget is shown in mobile only but a problems rises that is blogger layout doesn’t let you to grab gadgets, so you can’t move any widget after adding mobile=’only’ to any widget code so if you wish to grab/move a widget you must remove mobile=’only’ first. Blogger will allow you to grab widgets only after you remove mobile=’only’ from widget’s code.

If the widget which you are trying to show in mobile site is not appearing then first enable custom template for mobile site as show below steps:
Step 1: Go to blogger dashboard, navigate to template and edit the mobile template by clicking on the wheel below it.
Step 2: Switch your template to Custom from simple or default template.

how-to-change-mobile-template-in-blogger

Step 3: Click on save and you are done.
you can apply to all widget  when you need….
if any problem please comment me.. i’m happy to help you…
don’t forget FB page like & feed subscribe….