How To Make a Searching Box

Today Tutorial blog and blogger hack. Some of visitor maybe  difficult to find article in your blog and they need help. Maybe your template has no searching box install there, and it’s maybe important for some of your visitor to find something they like. So in tutorial blog today we will make a Standar Searching box  for your blog.

 

Now let’s begin with some of step here:

• Go to Layout and add a gadget
• Choose HTML/Javascript
• Copy and Paste code below

<form id="searchthis"

action="http://yourblog.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>

 

• Now change the red code with your URL blog. and save.

 

Please look the searching box display

 

 

If you want to change with icon like this

 

 

Just copy and paste code below on your on layout

 

<form id="searchthis" action=”http://yourblog.blogspot.com/search” style="display: inline;" method="get">
<tr>
<td nowrap="nowrap" valign="top" height="16" align="left">
<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q" size="22" type="text"/>
<input id="b-searchbtn" alt="Search"

width="18" src=”http://www.geocities.com/fabisnis/master.ico” height="19" align="top" type="image"/>
</form>

 

Dont forget to change the red code with your URL blog and your image.

 

Well that’s enough for today, just keep your visitor comfort with your service.

Don’t forget to look for the next day in tutorial blog and blogger hack here

 

See ya

Enter your email To get Update this blog for free:

Delivered by FeedBurner

Related Posts by Categories