How To Add Stylish Search Bar To Your Blogger? [FreeSV]

Search Box is the most essential elements of the Blog which allows visitors to find contents which they need.

Steps for adding Search Box widget for Blogger :

• First, Go to your Blog and move to layout option.
• Then, Click on add a Gadget.
• Then it will open a small popup box which looks same like this.
  
• Then on the right side click on '+' Sign in Html/JavaScript.]
• Then Copy The Below Code.

<form method="get" class="searchform search-form" action="/search" role="search"><input type="text" value="Search this website…" name="q" class="s search-input" onfocus="if (&#39;Search this website…&#39; === this.value) {this.value = &#39;&#39;;}" onblur="if (&#39;&#39; === this.value) {this.value = &#39;Search this website…&#39;;}" /><input type="submit" class="searchsubmit search-submit" value="Search" /></form>

•  Paste it to the small popup box appeared which looks like this.
  
•  Then, Click on Save.
•  Now, Click on save arrangement bottom on the top and click on view blog.
•  You will see the search box on your blogger which looks like this.
  

DOWNLOAD THE SEARCH BAR SCRIPT CLICK HERE