Search Box For Blogger Mobile Site

Search Box For Blogger Mobile Site - Hallo sahabat Information About Blogger, Pada Artikel yang anda baca kali ini dengan judul Search Box For Blogger Mobile Site, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Mobile Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Search Box For Blogger Mobile Site
link : Search Box For Blogger Mobile Site

Baca juga


Search Box For Blogger Mobile Site

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.


That is the discussion about Search Box For Blogger Mobile Site

Thank you for visiting the article Search Box For Blogger Mobile Site hopefully always provide useful information, see you in another article.

the article you are reading is about Search Box For Blogger Mobile Site with the link as follows https://www.booknagar.com/2015/05/search-box-for-blogger-mobile-site.html

0 Response to "Search Box For Blogger Mobile Site"

Post a Comment


Tag: how to create a free blog, how to create a website, how to create a blog website, how to create a blog for free, how to make a blog, wordpress, how to create a wordpress blog, how to create a blog page, how to start a blog, blogger, how to create a blog in wordpress, how to create a blog account, how to create a blog on wordpress, how to create a blog and make money, how to create a blog in google, how to create a successful blog