Don't Miss

Add a Simple Search Box Widget to Blogger

By Zohaib Liaqat - 3 Comments
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 == &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
That's it...
 

Tags:

3 comments to ''Add a Simple Search Box Widget to Blogger"

ADD COMMENT
  1. thanks bro.
    can i get ur Facebook id to talk with u personally

    ReplyDelete
  2. You're welcome dear
    Inbox us on our Page
    http://www.facebook.com/blogolect
    OR
    mail us using our contact form
    http://blogolect.blogspot.com/p/contact-us.html

    ReplyDelete