This Is A Sample Of Sticky Post


The Problem is: to do this trick, we must use HTML code to make up the text... But don't worry, if you are not capable with HTML Codes, there are simple and fast way to make your sticky post without learn it. Use your "New Post" to make a sample of your sticky post, set the display as close as your real post, use the Preview to check your sticky post display then copy-paste into your content collumn text add gadget.

Learn how to make this sticky post in http://doit2us.blogspot.com/2010/02/how-to-make-sticky-post-in-your-blogger.html

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.

1. Common type of search box

HTML Code :

<p align="left">
<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>
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
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.



SEARCH IN THIS BLOG

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 :

SEARCH HERE


2. Type of Expert Search Box

HTML Code :
<form action="/search" id="searchform" method="get" style=" text-align:center;">
<input class="inpsearch" id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;SEARCH HERE&quot;;}" onfocus="if (this.value == &quot;SEARCH HERE&quot;) {this.value = &quot;&quot;;}" type="text" value="SEARCH HERE">
<input id="searchsubmit" type="submit" value="Search">
</form>
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


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.  





Google





Google Page doit2us.blogspot.com



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:

taufan @ Vintage Diamond Engagement Rings January 27, 2010 at 10:52 PM  

wow...
nicely...
I will try it for one of my blog using blogspot.
nice tutor

Michael Mesa Miami January 28, 2010 at 9:56 AM  

Hey great post! I should put the search box on my blog. Thanks for the info.

keith@Find Blog Ideas January 30, 2010 at 1:09 PM  

great post, thanks for giving all the different options, makes it easier to picture them on your own blog.

Search Engine TYphoon March 25, 2010 at 5:35 PM  

Nice Tips... A fairly detailed explanation
Thanks...
++++++++++++++++++++++++++++++++++++++++++++++++++
How to pump unlimited traffic

Anonymous,  April 13, 2010 at 9:11 PM  

nice work

GPS cell phone April 26, 2010 at 2:31 AM  

Hey great post! I should put the search box on my blog. Thanks for the info.cheap cell phone accessories

Anonymous,  June 3, 2010 at 2:00 PM  

hey man
its nice, thanks

Unknown June 17, 2010 at 12:24 PM  

alexandria doctor - Doctors (General Practitioners) in Washington, DC, See Reviews and Book Online Instantly. All appointment times are guaranteed by our dentists and doctors.

photos mariage originales August 15, 2010 at 9:33 PM  

Excellent and superb post about search box on blogger, Thanks for giving this information.

Admin August 28, 2010 at 9:09 PM  

thanks for your kind help. it perfectly works for me

miley December 10, 2010 at 1:43 AM  

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.

Agence de mode Lyon January 26, 2011 at 9:23 PM  

Your mind is full of splendid ideas. I love this fantastic post. Very very thanks for sharing.

Data Center Monitoring February 18, 2011 at 10:50 PM  

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.

Anonymous,  July 15, 2011 at 12:26 AM  

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 :(

whiplash claim August 11, 2011 at 4:10 PM  

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!

Anonymous,  September 4, 2011 at 12:25 PM  

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.

what is an iva September 4, 2011 at 4:26 PM  

Its absolutely a great information to learn .

wescot September 5, 2011 at 8:41 PM  

I am please to know this information.

whiplash compensation October 6, 2011 at 5:39 PM  

I concur in your conclusions and will eagerly look forward to your future updates.

how to register a website October 19, 2011 at 6:04 AM  

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..

metropolitan collection services November 3, 2011 at 7:51 PM  

I concur along with your conclusions and will eagerly seem forward to your future updates.

Interface Talent Network FL December 1, 2011 at 3:07 PM  

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.

clean credit December 1, 2011 at 4:18 PM  

thanks for posting sticky posts are definitely important and a great tool for a blog to still promote timeless blog entries.

debt management company December 6, 2011 at 6:21 PM  

Thanks a lot for this great learning..!

Anonymous,  December 14, 2011 at 4:54 PM  

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

Anonymous,  December 14, 2011 at 4:56 PM  

I concur in your conclusions and will eagerly look forward to your future updates.

Talented Baby

apex credit management December 26, 2011 at 7:17 PM  

Finally, the rare blog I am searching for numerous days is becoming within your site.

asbestos survey london December 29, 2011 at 3:55 AM  

This code is really so helping for me in my job.Keep sharing such great posts.

Anonymous,  January 26, 2012 at 1:57 AM  

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

emolina January 29, 2012 at 1:21 AM  

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 "ş"?

Natural Remedy for Depression & Anxiety February 22, 2012 at 1:21 AM  

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.

nintendo wii March 22, 2012 at 3:24 AM  

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.

dentist brooklyn ny March 28, 2012 at 5:45 PM  

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.

mercedes benz dayton ohio April 10, 2012 at 8:47 PM  

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!

teeth whitening brooklyn April 16, 2012 at 8:10 PM  

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.

bike storage April 22, 2012 at 9:34 PM  

I am posting below in order to tell you that you do a fantastic job by keeping us all posted relating to this.

New York City Plastic Surgeons April 25, 2012 at 11:00 PM  

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.

dentist valley stream May 27, 2012 at 5:25 PM  

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.

online florists January 19, 2013 at 1:14 AM  

Search box on blogspot is shown on the post here. Have a look at it

Post a Comment

 

  © New Blogger Tips For Us Free Blogger Template by Mc 2010.

Back to TOP