Archive Pages Design$type=blogging$count=10

How To Show A Widget In Mobile View In Blogger

GET GOOGLE ADSENSE APPROVAL TRICK...

how to make gadget widget show on mobile view of blogger blog, How to show a widget in mobile view in blogger,how to add widgets to mobile site in blogger,show widget only in blogger mobile view,101Helper bogging tutotrials



How to show a widget in mobile view in blogger | 101Helper Adding a gadget in blogger is very easy but the gadgets don't appear in mobile view until they are enable for mobile. Gadgets are added in blog to help visitors read your blog e.g search box to find posts, popular post gadget to help them read popular posts, related post gadget to help them read similar posts etc. But when a gadget is added in blogger it will show up only in Desktop. What about mobile visitors? now a days many people read blogs through smartphones so if there is no search box how will they search posts? if there is no related posts gadget how will they read similar posts? and so on. A most common problem of every blogger is low traffic and for increasing it bloggers are doing hard work such as working on traffic exchanging sites to exchange traffic, paying for traffic, adding gadgets(relates posts, popular posts, recent posts, random posts) but they are forgetting about mobile visitors.

Traffic isn't that which you get from desktop but mobile visitors are also important. You can engage visitors with your blog for a long time by enabling gadgets in mobile view. So visitors which reads blogs through mobile phones could find your blog helpful. 



How to show widgets in mobile view in blogger:

It is very easy to enable gadgets in mobile view in blogger. Follow the below steps to enable gadgets 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 Html4(search box) in this tutorial. 

Make sure to name your gadget in the Layout while adding it because naming gadget before editing Html will help you to find the gadget easily.

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

  <b:widget id='HTML4' locked='false' title='Google search' type='HTML'>

(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://www.your blog name.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='HTML4' 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.

I hope this post was helpful to you, if you have any problem ask me in comments.

Share this post and help my blog grow.

Follow and subscribe for latest news.

Tags: how to make gadget widget show on mobile view of blogger blog, How to show a widget in mobile view in blogger,how to add widgets to mobile site in blogger,show widget only in blogger mobile view,popular post widget,related post widget in blogger mobile

COMMENTS

BLOGGER: 37
Loading...
Beginner to blogging Bing webmaster tools tutorials blogger adsense Blogger menus Blogger Seo(Search Engine Optimization Blogger templates Blogger templates / themes Blogger Tips And Tricks Blogger Widgets And Gadgets Domains / Blogger earn money blogging Facebook widgets in blogger Google rich snippets blogger Google Webmaster Tools tutorials Mobile Blogging Related posts widget blogger social buttons blogger Yandex webmaster tools tutorials
false
ltr
item
101Helper | Blogger tips,tricks,widgets,menus,seo,earn money: How To Show A Widget In Mobile View In Blogger
How To Show A Widget In Mobile View In Blogger
how to make gadget widget show on mobile view of blogger blog, How to show a widget in mobile view in blogger,how to add widgets to mobile site in blogger,show widget only in blogger mobile view,101Helper bogging tutotrials
https://i.ytimg.com/vi/Y5q6k4WpxHs/hqdefault.jpg
https://i.ytimg.com/vi/Y5q6k4WpxHs/default.jpg
101Helper | Blogger tips,tricks,widgets,menus,seo,earn money
https://101helper.blogspot.com/2014/07/how-to-show-widget-in-mobile-view-in.html
https://101helper.blogspot.com/
https://101helper.blogspot.com/
https://101helper.blogspot.com/2014/07/how-to-show-widget-in-mobile-view-in.html
true
3767912102518445221
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago