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

How To Add Search Box to Search in Your Blogsite(Website) - The Surface Laptop isn't the most affordable but it's not outrageously expensive compared to rivals. Microsoft has done a great job of creating a well-made, thin and desirable laptop. We'd tweak the ports on offer and upgrade from Windows 10 S to Pro, but we can live with the niggles considering the specs and excellent battery life. immediately familiar to anyone, 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