How To Add Search Box To Blogger

 

How to add simple search Box widget to blogger. Search box is one of the Most Popular and Most Important widget on your Blogger/Blog. Search box allow people to find content in your blog. People can easily find what they are want.

So, now i am going to show you how to add simple search box to blogger/Blog. To add this simple search box widget to your Blogger, follow below these simple steps: Start with Demo:

Simple Search Box Live Demo:

How to add Simple Search Box Widgets to Blogger -

Option 1: Click on “Add to Blogger” button and add this blogger widgets directly to your Blog.

Option 2: Use JavaScript to add Simple Search Box to Blogger

• Go to Blogger Dashboard
• Click on Layout > Add a Gadget.
• In the Popup window Click on HTML/JavaScript.
• Paste Below code to HTML/JavaScript Box.
• And you are DONE!

<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';" size="25" type="text" value="Search This Blog..." />
<input id="searchButton" type="submit" value="Search" /> </form>

this video explains more

Posted in: blogger tutorials