Search Box on Blogspot (HTML Code Search Box)
>> Monday, January 25, 2010
In a previous post we discussed how to add search box into blogger, by blogger default and use Google Adsense Search. In this post we will discuss several types of search box that can be installed in our blog in addition to the two of search box that we have mentioned earlier.
HTML Code :
<p align="left">Remember to change http://doit2us.blogspot.com to the URL or web addres of your blog. You can also change the name of your search blog "SEARCH IN THIS BLOG" with whatever you want
<form id="searchthis" action="http://doit2us.blogspot.com/search" style="display:inline;" method="get">
<strong>SEARCH IN THIS BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
You can also set the width of the search box by change size="20" and change the "Search" text with "Hit" or "Go" or whatever by change value="Search".maxlenght="255" indicates that the user may enter up to 255 characters in the search box, you can change the lenght but 255 is quite enough.
If we change align="left" with "center", SEARCH IN THIS BLOG with SEARCH HERE, size="20" with "30", and "Search" with "Hit" the search box display will look like this :
2. Type of Expert Search Box
HTML Code :
<form action="/search" id="searchform" method="get" style=" text-align:center;">In Expert type, we can provide the Words or Phrases inside the search box (SEARCH HERE) that will disappear when we click on it. You can change SEARC HERE with your words, just change those "three" of SEARCH HERE
<input class="inpsearch" id="s" name="q" onblur="if (this.value == "") {this.value = "SEARCH HERE";}" onfocus="if (this.value == "SEARCH HERE") {this.value = "";}" type="text" value="SEARCH HERE">
<input id="searchsubmit" type="submit" value="Search">
</form>
3. Google Type Search Box
HTML Code:
<form method="GET" action="http://www.google.com/search">
<input type="hidden" name="ie" value="UTF-8">
<input type="hidden" name="oe" value="UTF-8">
<table bgcolor="#FFFFFF"><tbody><tr><td>
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" /></a>
</td><td>
<input type="text" name="q" maxlength="255" value="" >
<input type="submit" name="btnG" value="Search">
<span >
<input type="hidden" name="domains" value="http://doit2us.blogspot.com">
<input type="radio" name="sitesearch" value=""> Google Page <input type="radio" name="sitesearch" value="http://doit2us.blogspot.com" checked=""> doit2us.blogspot.com
</span>
</td></tr></tbody></table>
</form>
Change http://doit2us.blogspot.com to the URL or web addres of your blog. You can modify Logo, by change http://www.google.com/logos/Logo_40wht.gif with your Logo/picture web addres. You can also change the word "Search" in the search box by change Search.(ex. with Hit), "Google Page" and "doit2us.blogspot.com" in radio button by change Google Page and doit2us.blogspot.com with whatever you like, but the searching target still inside the Google and Your blog, unless You change the URL of http://www.google.com/search and http://doit2us.blogspot.com too.
Note that I intentionally let the display of google search box above is in a white background, to make a contrast. You can set it to match your web page background by change #FFFFFF in table bgcolor="#FFFFFF" (#FFFFFF=White) with your HTML code of your background color.
You don't know the HTML Code of your background color? Just see it in How to change the blogger header color, you can also download a small, smart and useful tool for free in there.
Happy search... and Good Luck...!!!
46 comments:
wow...
nicely...
I will try it for one of my blog using blogspot.
nice tutor
Hey great post! I should put the search box on my blog. Thanks for the info.
great post, thanks for giving all the different options, makes it easier to picture them on your own blog.
Nice Tips... A fairly detailed explanation
Thanks...
++++++++++++++++++++++++++++++++++++++++++++++++++
How to pump unlimited traffic
nice work
Hey great post! I should put the search box on my blog. Thanks for the info.cheap cell phone accessories
Keep working ,great job!
wedding rings
hey man
its nice, thanks
alexandria doctor - Doctors (General Practitioners) in Washington, DC, See Reviews and Book Online Instantly. All appointment times are guaranteed by our dentists and doctors.
Excellent and superb post about search box on blogger, Thanks for giving this information.
thanks for your kind help. it perfectly works for me
credit repair
Seafolly Swimwear
- Seafolly Swimwear has been at the forefront of the Australian beach lifestyle and has fast become one of the most popular Australian swimwear brands in the world. Look out for Seafolly's incredible summer range this season at Swanky & Swish.
Orlando limo rental
healing balm
off-grid
Kubota Diesel generators
Your mind is full of splendid ideas. I love this fantastic post. Very very thanks for sharing.
Thanks so much for the tips and tricks. Some I am already doing and others I will dbe doing shortly. You are a wealth of knowledge.you make so many points that simply make knowledge for me. Thanks for this informative post.
I wanna search data in my PC bye write HTML Code.
Example when I type ACD.DOC in text field then click on button or press Enter it will show me the directory of that file and can download
. Please help me :(
Now this is very interesting, In simple words well done for providing creative information. I impressed to what you did to your article. I want to thank you for this great read!
Html simple works, however it only btings the newest posts, if you're looking for older posts, they simply don't exist according to the search box.
Its absolutely a great information to learn .
I am please to know this information.
I concur in your conclusions and will eagerly look forward to your future updates.
Off course, i am very glad to have your post here. Which is very informative and i want to say that its worth reading. I appreciate your effort..
I concur along with your conclusions and will eagerly seem forward to your future updates.
Thanks, its an extremely superior data of sharing and generating persons know about the activities which are getting carried out.I feel I can obtain extra valuable facts here, thanks.
thanks for posting sticky posts are definitely important and a great tool for a blog to still promote timeless blog entries.
Thanks a lot for this great learning..!
Nice information really helpful share I also try it and amazingly its start work I am very happy to create my own twitter widget thanks dude for sharing.
Talented Baby
I concur in your conclusions and will eagerly look forward to your future updates.
Talented Baby
Finally, the rare blog I am searching for numerous days is becoming within your site.
This code is really so helping for me in my job.Keep sharing such great posts.
It is a very helpful internet site and i also have discovered straight answers right here and I truly take pleasure in the particular initiatives with the writer of this article with regard to discussing good suggestions. Thanks! krups ice cream maker
hello.
the language i use within my blog is romanian, but how may i change the code so that it'll search with alternative typings such as "a" for "â"/"ă", "t" for "ţ", "i" for "î" and "s" for "ş"?
Your website was so wonderful, I found out in regards to a great deal of excellent achievements. I like how we design your websites. Carry on the good operate and might you receive accomplishment ultimately.
I genuinely liked reading through your post! You have a lot of quality material. I might advise you to come up with blog posts even more often. By doing this, having this kind of a worthy website I think you will probably rank higher in the search engines.
Thanks a lot for a bunch of good tips. I look forward to reading more on the topic in the future. Keep up the good work! This blog is going to be great resource and I love reading it.
This can be this kind of excellent resource you are providing and you also provide apart totally free. I love experiencing web sites which see the value of providing a new excellent useful resource totally free. I truly cherished reading this post. Many thanks!
I like the concept of the site and exactly how well you arranged the content. It's a wonderful work I will revisit and appearance you sometime.
I am posting below in order to tell you that you do a fantastic job by keeping us all posted relating to this.
You'll find undoubtedly lots of specifics like this to think about. Each one is excellent pints to think about pertaining to. I right now consider the ideas over as general creativity.
I just want to say thank you for providing me a complete details on how to use search box on blogpost. Now, it's easier to work on blogpost.
Search box on blogspot is shown on the post here. Have a look at it
Post a Comment