How To Add Search Bar To Blogger/Blogspot - Helper Blogger

Blogger Widgets | Templates | Tutorials


Thursday, 29 December 2011

How To Add Search Bar To Blogger/Blogspot

Add a search engine in the sidebar of your blogger blog. This searches all the posts on your blog, and displays them by latest posts first. Inside the search bar you will find the text "Search this Site", this can easily be changed to any text you desire. Such as "Search my Site", "Search", "Type and Hit Enter", etc. Just simply replace the code. You can also change the text "Go" on the button to something like "Search", "Find", etc. If you put it up right then it will looks so better.

Installation - 
This widget can be installed in two ways :

1st Way - Just click add to blogger button below to add directly this to your blog

2nd Way - 
a) Go to Blogger Dashboard > Design > Page Layout.
b) Select Add a Widget > HTML/Javascript.
c) Give title as Search and paste below code in content section


<!--search bar form Starts)--><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="Go" type="submit"></form><!--search bar form Ends)-->

1 comment:

  1. Great bro, we happen to have the same templete
    you can check out my blog at


If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM