Find us on Google+ Add a Search Box Widget To Blogger - Invatac - Technology Blog

Pages - Menu

Monday, 8 October 2012

Add a Search Box Widget To Blogger


Search Box
Search Box

In this post i will show you how to add a Search Box Widget to blogger using HTML Script. Search box will enable your users to use your blog with ease. Using search box users can find the page with the keywords they want with ease.




How to add a Search Box Widget To Blogger?


# Step 1 :


Sign In to your blogger.


# Step 2 :


Select "Layout ", Click on Page Elements --> Add Gadget


# Step 3 :


In Add Gadget you have to select "HTML/JavaScript" 


# Step 4 :


Copy and Paste the below code to the "HTML/JavaScript"


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


Hope this tutorial will help you to customize your blog more convenient to users, which supports us well. If You have any doubts please feel free to comment below, it is very nice to help you guys...

Rahul Babu RAbout Me
I am a computer student looking for make my own name in the field of technology. Please add my to your circles.




No comments:

Post a Comment