How To Add Search Box to Search in Your Blogsite(Website)

How To Add Search Box to Search in Your Blogsite(Website) - Some mid-range phones will take the all-round good-value approach, with capable specs in each area; others will focus on a key area such as the camera or display and promise flagship-rivalling capability; and others still used to be those flagships, so will offer a fantastic spec at a brilliant price. Display and more to its cheaper , well we have collected a lot of data from the field directly and from many other blogs so very complete his discussion here about How To Add Search Box to Search in Your Blogsite(Website), on this blog we also have to provide the latest automotive information from all the brands associated with the automobile. ok please continue reading:

1.Login to your blogger account.Go Layout --> Add a Gadget --> Select “HTML/JavaScript”.

2.Copy below code and paste it.Click save and refresh your site.

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

Note:Remember to replace "YOUR BLOG URL" and "NAME OF YOUR BLOG" with your
details.
If you want to change the size of your search box than just change the value 20 to 35(any
value you like to get a bigger search box.
You can also change the “Search” button to say, “Hit” or “Go” or "Enter" or "Read more",
by changing the Value in the above html code.

3.You can see search box like below one.

Blogger Tips And Tricks

You can also remove the button "search" from the above search box and place an image for better look. 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>

You can see search box like below one.

Blogger Tips And Tricks