Friday, August 12, 2011

Add Blogger Search Box

To add a blogger search box,read the instructions carefully:
Go under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.


<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR 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>

Now,do the followings,
 1)Copy and paste the code.
 2)Enter your blog url in the place ''your blog url''.
 3)Enter your blog  name   in the place  '' NAME OF YOUR BLOG''
Thats it ,


onlinetaka



 If you want to add a picture on your blogger search box's search button,then-
 1) upload it onto a free server like freeimagehosting or other free hosts that offer direct links to the image files. Take note of this IMAGE URL.
Now,the html code will be:-

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>

and just place the noted IMAGE URL in IMAGE URL section.