Saturday, August 15, 2015

How to Add a Simple Search Box to Blogger

Hello world! how to Add a Simple Search box to Blogger. most of custom templates has comes with no search box, here is the simple Search box for you. just add it with a single click and enjoy!


 How to do this method please follow the bellow instruction
1. First go to your blog account and log in to with your valid email address and pasword
2. Now go to Blogger " Dashboard > Layout > Add a Gadget"
3. Find there HTML/Javascript and click on that link
4. Now copy and paste the below code in to HTML empty box

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


5. You can customize of the blue color code and finally save the gadget and you are has been successfully Done!