Jul 29, 2008 in ,

Add Search form to Blogger Beta Template

At first Adding search form to blogger was difficult but now Blogger Accessories has made it easier. We can add search form to blogger in three method . But in this post I am going to concentrate only on Adding custom search form . Custom search form means you can modify the search form look by adding simple CSS style.



  this is the screenshot of  Search Form Widget


Step 1 : Log in to your blogger template and go to Layout section .



 Adding search Form Widget to Blogger Beta : Layout Image
  

Step 2 : Now click Add Page Element , in the List select Add HTML / JAVASCRIPT  and paste the below code thereand save .





<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>


Now see your blog , there you can see a beautiful search form widget like this ,





I hope you like this hack . you can also add custom search submit buttom , background , etc.





I will tell you How to add Custom CSS to this search Form tomorrow in my next post .

Check Out This Popular Posts

10 Responses So far
gravatar
Ben van Althuis
on August 25, 2008 at 2:03 PM  

Thank you for this search form on your fantastic site

gravatar
$ THA GOAT $
on September 29, 2008 at 7:04 PM  

thanks

gravatar
heartnn
on October 21, 2008 at 10:01 PM  

What about the css?

gravatar
Shafar
on January 21, 2009 at 8:52 AM  

I suggest you to update this post on how can we add more attractive search box with colorful buttons and text. Just a suggestion :)

Tips Blogger dot Com

gravatar
AVIANT.NET
on January 24, 2009 at 2:56 AM  

Terimakasih banyak , semoga sukses .

gravatar
waiyayu
on January 29, 2009 at 10:57 AM  

thanks for the tips

it works for my blog :)

muchos gracias

gravatar
•▬●๋•p.k.áŕừń●๋•▬•
on February 23, 2009 at 6:08 AM  

after wasting a long time i got a right place this is working ...

check in my blog:

www.hacking2all.blogspot.com

gravatar
Coy
on March 13, 2009 at 1:35 AM  

Oh nice this really works thanks.

http://wonderfulgeneration.blogspot.com/

gravatar
Ð@RK ЀV!Ł
on March 27, 2009 at 9:53 AM  

Thanx from http://dotmonster.blogspot.com

gravatar
Voip Services
on June 11, 2009 at 7:04 AM  

http://www.voip-services-provider.co.uk
Voice over IP (VoIP) software is used to conduct telephone-like voice conversations across the internet. There are many free VOIP Software available on the webs for download. VOIP Software is popular because VOIP phone service is often cheaper than traditional phone service, and is becoming more popular for both business and personal calls.
VoIP Software

Post a Comment

Custom Search
Web Analytics