Adding a Search Box In Blogger

/ On : 11:16 PM/ Thank you for visiting my small blog here. If you wanted to discuss or have the question around this article, please contact me e-mail at Crieshna@gmail.com.
I'm sure the netter would have been familiar with the name search box. Because we are an average looking website address or information with this tool.

In short, the search box is a tool that is used to find the data or web address by entering keywords that we want to search.

But the search box or search box we used to use only allows us to search for data on search engines like Google, Yahoo, and MSN. So what if we want to find the data only on our blog right?

Maybe it's a lot of templates that have been provided search box or search box. But for the templates that are not equipped with this facility. You can also install itself in the following way:

1. Log in to Blogger. Click the Layout menu -> Page Elements. Then click on Add a Gadget.

2. Locate the HTML / Java script. If you've met, click the + button located on the right side writing HTML / Java script. Then a new box will appear like this.



 3. Copy the code below and put it into the box, then click Save 

<p align="left">
<form id="searchthis" action="ADDRES URL BLOG/search" style="display:inline;" method="get">
<strong>NAME<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 ADDRESS  BLOG URL with your blog URL address. For example, http://Crieshna.blogspot.com and replace NAME with the name of BOXES you want to appear on the box. For example, Find the article here, Look here, and others.

4. If you are finished, click Save and then click View Blog to see the look on the blog.

If you feel the box is too long or short. You can change the size by changing the value in size. You can also change the name of the Search button with a different name, for example, search or information.

For example, I change the "size = 30" and "value = search" the results will be as below.


Congratulations to create ..

0 comments:

Post a Comment

Your Ad Here

artikel

Sample ads

site

Yahoo bot last visit powered by MyPagerank.NetMsn bot last visit powered by MyPagerank.Net