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

Code

<!--search bar form btsnts.blogspot.com(Code 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 btsnts.blogspot.com(Code Ends)-->