Add a Simple Search Box Widget to Blogger

Search form helps your blog readers to easily find that they are looking for. Search boxes are just like search engines that searches for the content that you've published on your blog and having a search form on your blog can save readers a bunch of time. These search boxes also increase your traffic as your readers will find their desirable content by using the search widget. So, today we'll learn to Add a Simple Search Box Widget to your Blogger Blog.

How to Add this Widget to Blogger

Step 1. Log in to your Blogger Dashboard
Step 2. Go to Layout >> Click on Add a Gadget and select HTML/JavaScript Gadget from the list of Gadgets
Step 3. Now Copy the below code and Paste it in the HTML/JavaScript Widget Box

<div class="searchform">
<form method="get" id="searchform" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:98%;padding:2px;" value="Search Here..." onfocus="if (this.value == "Search Here...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Search Here...";}" name="q" id="sbox" class="sbox" /></td>
<td width="75px"><input type="button" value="Search" id="sbutton" class="sbutton" alt="" /></td>
</tr>
</table>
</form>
</div>

Step 4. Hit the Save Button
That's it...