Adding a Simple Search Box to Your Blog techpro365

Wednesday 4 April 2012

Adding a Simple Search Box to Your Blog

1.Go to Design,then click on add a gadget.

2.Use the Below Code and Add the Widget as HTML/JavaScript

CODE:

<div class="searchform">
<form method="get" id="searchform" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q" id="sbox" class="sbox"></td>
<td width="75px"><input type="button" Value="Search" id="sbutton" class="sbutton" alt=""></td>
</tr>
</table>
</form>
</div>

Print Page

Do you like this post? Please link back to this article by copying one of the codes below.

URL:

https://techpro365.blogspot.com/2012/04/adding-simple-search-box-to-your-blog.html

HTML link code:

                        <a href="
                        https://techpro365.blogspot.com/2012/04/adding-simple-search-box-to-your-blog.html
                        ">
                        Adding a Simple Search Box to Your Blog
                        </a>

BB link code:

                        [url=
                        https://techpro365.blogspot.com/2012/04/adding-simple-search-box-to-your-blog.html
                        ]
                        Adding a Simple Search Box to Your Blog
                        [/url]