Advanced Search Module

Close Search
 

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 .

Related posts:

  1. Embed Comment Form below post in Blogger
  2. Social Bookmarking widget for blogger
  3. Add Icon Before Post Titles
  4. How to change Blogger Template without deleting widgets ?
  5. Star Ratings Widget for Blogger
 
 

8 Responses to “Add Search form to Blogger Beta Template”

  • Ben van Althuis August 25, 20089:03 pm

    Thank you for this search form on your fantastic site

  • $ THA GOAT $ September 30, 20082:04 am

    thanks

  • heartnn October 22, 20085:01 am

    What about the css?

  • Shafar January 21, 20094:52 pm

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

  • AVIANT.NET January 24, 200910:56 am

    Terimakasih banyak , semoga sukses .

  • waiyayu January 29, 20096:57 pm

    thanks for the tips

    it works for my blog :)

    muchos gracias

  • •???•p.k.á?????•?• February 23, 20092:08 pm

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

  • Coy March 13, 20098:35 am

    Oh nice this really works thanks.

 
 

8 Responses to "Add Search form to Blogger Beta Template"