{ Technology, Internet, Software, Tips and more ... }

05 February 2008

How to add Search form in your blogger

Create a HTML/Javascript widget in your blog and Just copy this code into that widget. or you can also put this into your template. And replace YOUR-BLOG-NAME with your own blog name or your domain name. Finished!.

1. Search Form - Java Script Enabled Mode
<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
<input id="s" onfocus="if (this.value == 'Search ...'){this.value = '';}" value="Search ..." name="q" onblur="if (this.value == '') {this.value = 'Search ...';}" type="text"/>
<input id="sbutt" value="Search" type="submit"/>
</form>

2. Simple Search Form
<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
Search : <input id="s" value="" name="q" type="text">
<input id="sbutt" value="Search" type="submit">
</form>

Here is the Demo of Search Form enter some text and search in my blog.
Copy the above code or download the code from the following download link. If its not working fine then make a comment in this post I will help you as soon as possible.

Demo | Download Code

10 comments:

tayzar said...

Thanks a lot for search code. I wanna know how u design search button/Subscribe mail (GO/Subscribe) button with image.

akOOgle said...

@tayzar
Thats simple, I used css to create that buttons.

For Search/Go Button I used this code to create Go button.

This code I used in Search Form:
< input id="sbutt" value="Search" type="submit" >

This code I used in CSS(Stylesheet) :for id="sbutt" :

#sbutt {
background: #376B9D url(http://bckson.googlepages.com/rn_navbar.gif);
...
...
}

If you want this type of button for your blog then contact me I will guide you how to create.

tayzar said...

Thanks a lot akoogle . I'll try that yes i want. Plz guide me.

CitiCuT said...

@tayzar,

fine. I checked your blog.. your design is good. Where you want to put button .. I will check and give the code. You can copy paste that code in your blog .. thats fine.

The Ticket Master said...

Tried this, but for some reason the words in the searchbox do not disappear when you go to type in it. Any suggestions on what I'm doing wrong? Thanks

Anonymous said...

hmm. 10x for text!

Anonymous said...

Hello! I'm newbie in Internet, can you give me some useful links? I know only about Yahoo [url=http://yahoo.com]Yahoo[/url] http://yahoo.com Yahoo

Anonymous said...

It is rather interesting for me to read this blog. Thank you for it. I like such themes and everything that is connected to them. I definitely want to read a bit more on that blog soon.

Anonymous said...

It is extremely interesting for me to read the post. Thanx for it. I like such topics and anything connected to them. I definitely want to read a bit more on that blog soon.

epr said...

VERY GOOD