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.
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 == &quot;Search
Here...&quot;) {this.value = &quot;&quot;}"
onblur="if (this.value == &quot;&quot;)
{this.value = &quot;Search Here...&quot;;}"
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

Posted by Kaesy Nwosu on Tuesday, October 21, 2014 - Rating: 4.5

Title : Add a simple search box widget to blogger
Description : Search form helps your blog readers to easily find that they are looking for. Search boxes are just like search engines that searches for ...

Tweet