Wednesday, September 22, 2010

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

No comments:

Post a Comment