Content feed Comments Feed

Make search box in blogger

Posted by p4ladin Monday, 10 August 2009

Hello blogger mania .. some time users hard to find some article which they needed in our blog, search box can help blogger to find the article they need, is easy just wrote the title of article in the search box. This search box is similar with google search box, and the other search engine but the search results of this Blogger.com search box appear in the main body of your Blog.

Login blogger -> edit template ->edit gadget -> select HTML/JavaScript

Or

Login blogger -> edit template -> edit hmtl -> click

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

Change “your Blog URL” o the URL or web address of your Blog. Change “name of your blog” with your blog name . change maxlegth as you like , you can also change name of search button to say “ hit, go “ whatever …..

Image instead of Search button

Just for the fun of it, if you want readers to click an image instead of a button, you will first need to do up a small picture. You can also resize a picture you already have with photo editing tools like Google's Picasa. After creating a picture, upload it onto a free server like GooglePages or Google Groups, or other free hosts that offer direct links to the image files. Take note of this IMAGE URL.

The HTML code to insert is this:-
<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>

Remember to change “image URL” with image address where your image upload.. you can upload picture in photobucket..

May you want read this article submit blogger sitemap to google Webmaster, submit blogger sitemap to yahoo ,submit blogger sitemap to msn and submit blogger sitemap to ask, blog directories, Search engine..

In the end thx read this article …
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments

Post a Comment

Enter your email address:

Followers