Archive Pages Design$type=blogging

Search Box For Blogger Mobile Site

search box for blogger mobile view, blogger search box not working, blogger mobile gadgets 101helper,blogger gadgets and widgets

Search Box For Blogger Mobile View

Like other blogging networks blogger also has mobile view for mobile users. It loads very quickly as it is in kilo-bites so mobile users can also read blogs by wifi connections or by mobile data. Blogger provides mobile view and also templates for it, but you have to optimize it in your way to get benefit of it e.g enabling ads, enabling essential gadgets(follow button, search box, related posts etc). It will help you to get more traffic as after optimizing your blog for mobile phones, you will be able to get mobile views too instead of loosing it. The default gadgets aren't optimized for mobile view so you need to use optimized gadgets for mobile view, One of the most essential gadgets(search box) which is powered by blogger doesn't work in all mobiles, it works only in smartphones like Iphone, Android, Htc, Nokia lumia phone etc but the phones which don't have android or ios aren't optimized for the common search box so you have to optimize search box to make it work in all mobile phones whether it is smart or not. Although the default search box works in smartphones but if it is used to search something, it works very slowly and the pages take too much time to load because the page is first searched for desktop fist and then converted to mobile view. So in this post I will share a well optimized search box for blogger mobile view which will work in all mobile phones.

How to add search box in blogger mobile view:

Step 1: Go to blogger dashboard and navigate to layout:

search-box-for-mobile-view-blogger

Step 2: Click on Add a gadget > Html/javascript.

how-to-add-a-gadget-in-blogger
Step 3: Copy below code and paste it into Html//javascript window:



Step 4: Click on save and you are almost done but it will show up in desktop so you have to hide it from desktop and show it only in mobile view, follow next step to move ahead!

Related post: How to show a widget in mobile view only in blogger?

Step 5: Edit the mobile search box gadget which you added now and search for the widget id, see below image for instance.

how-to-find-id-of-a-widget-in-blogger


Step 6: Note the widget ID and go to template > Edit Html:

how-to-edit-html-in-blogger

Step 7: Click on Jump to widget and click on the widget ID of search box gadget which you found in step 5.
how-to-find-a-widget-in-blogger-template

Step 8: After finding the widget type mobile='only' beside locked='false'.

enable-a-widget-in-blogger-mobile-only

Step 9: Click on save template and you are done.

If the search box still fails to appear in mobile view of your blog then go to template > Click on Customize mobile template icon > Switch default template to custom and click on save.

custom-template-blogger-mobile

custom-template-blogger

Open your blog by using this link http://myblog.blogspot.com/?m=1 to see your search box. This search box will work in all mobile phones and will work fast.

Hope you like this article and it was helpful to you, if you have any question please help me know by leaving a comment below.

COMMENTS

BLOGGER: 14
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: Search Box For Blogger Mobile Site
Search Box For Blogger Mobile Site
search box for blogger mobile view, blogger search box not working, blogger mobile gadgets 101helper,blogger gadgets and widgets
https://4.bp.blogspot.com/-JMuYE5tul2k/VWmBeZyAw5I/AAAAAAAACdA/Fn7w_1mBzqY/s320/file.jpeg
https://4.bp.blogspot.com/-JMuYE5tul2k/VWmBeZyAw5I/AAAAAAAACdA/Fn7w_1mBzqY/s72-c/file.jpeg
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money
https://101helper.blogspot.com/2015/05/search-box-gadget-for-blogger-mobile-site.html
https://101helper.blogspot.com/
https://101helper.blogspot.com/
https://101helper.blogspot.com/2015/05/search-box-gadget-for-blogger-mobile-site.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