How to Add a Search Box that works on all browser to Blogger Blog

We all know there is "Search box" wiget in blogger by "Google Custom Search". But one thing about the widget is that,it doesn't work on all browser. (E.g Ucweb). Instead it shows "Loading".



Now to add a Search Box that will work on all browser, follow the steps below:
1. Goto your Blogger Dashboard
2. If you have more than one Blog,select the Blog you want to add search box to.
3. Now goto "Layout"
4. Click on "Add Gadget"
5. Scroll down and Click HTML/JavaScript.
6. Now, Enter Search: in the Title box. Then copy and paste the code below into the Content Box.

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Search:" type="submit"></form>

7. Click save.
View your Blog to see the New added Search Box.

SHARE THIS