Add Stylish and Pretty Search engine Box For your blog More Than Five styles

Features:
1.) 5 Stylish And Awesome Designs.
2.) "q" Value Search Coding.
3.) Easy To Use.
4.) Accurate Result.
5.) Quick To Load.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Given Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
Style#1:

<!-- This Is A CopyRight Search Engine.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->
<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XsHcyP2QZqT8lpxMZvhqEUCA0xk9ki4JDQ1aw_J7JRvDScImfPy4MmDM1Zl8u-9A2oeMZfuzq9RmzHdSVgUhMe6_sEajoZM7bGodvv1hlykHZ-VCZehv6WdXle6QnWdwwW_voEhDfQ/s1600/Yellow-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus=if (this.value == "Search Here...")
{this.value = ""} onblur=if (this.value == "") {this.value = "Search Here...";}/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<a href="http://os-trickz.blogspot.com/2013/07/add-stylish-and-pretty-search-engine.html" target="_blank"><span style="color: #bf9000;"><span style="font-size: small;">Get This Widget</span></span></a></div>
</div>
Style#2:

<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZxUl4MbqwCmpjmUA_DYGA_Veudr7j3AYLh5ftci7u4MOUz25PZVNw-dYJ6IY_fTsdcEH49f1Neh99dwMs8uAq_kI7j5omFrBkrW6kSy7_2ZOFXTDLfpXgBiBWuq_CVmJcB3Da6fapkw/s1600/Black-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus=if (this.value == "Search Here...")
{this.value = ""} onblur=if (this.value == "") {this.value = "Search Here...";}/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: small;"><a href="http://os-trickz.blogspot.com/2013/07/add-stylish-and-pretty-search-engine.html" target="_blank"><span style="color: black;">Get This Widget</span></a></span></div>
</div>
Style#3:

<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZjl0OBg7APdxakoe-2AFHV2OmjtAn41PCFdS3Uov4jPaGRqM5fT6VQZB-tQniGvc4OL7AoaLqCgwNhbN2ZymJ5SGiLU0GpuPndDPFNDXUH_1o6nrfpFbOEk8ef5mLm_feaMnNaQBIhA/s1600/Blue-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus=if (this.value == "Search Here...")
{this.value = ""} onblur=if (this.value == "") {this.value = "Search Here...";}/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="color: #0b5394; font-size: small;"><a href="http://os-trickz.blogspot.com/2013/07/add-stylish-and-pretty-search-engine.html" target="_blank">Get This Widget</a></span></div>
</div>
Style#4:

<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwIy6_CdnoemqRUrYKOvsntPbfufhIa1BX4afoYwN3MajDOorgO2fHqLrGQ_2ZSoQZ4HmlBsDMfFYnSHOHWx2w7WFOhuzPmacRoq4HzXEioFRCqDYhM-_Bab2okJo_N19f-MOmcZa0jQ/s1600/Green-Search-Engine.png)
no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus=if (this.value == "Search Here...")
{this.value = ""} onblur=if (this.value == "") {this.value = "Search Here...";}/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: small;"><a href="http://os-trickz.blogspot.com/2013/07/add-stylish-and-pretty-search-engine.html" target="_blank"><span style="color: #6aa84f;">Get This Widget</span></a></span></div>
</div>
Style#5:

<style type="text/css">
#exe-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifCky2-TXMoV6Jjbplv2Pz1KUmq2cEg3xqXWGGBCw08hfNF9KSdUjUgw4UnT_OXQXbyVgMvZdrS8jah4EvKXAVF02X-d-Z8akN-b1El7DF25Fb5bYZO3GlQBxullS-MIZcE_8Ob2D7Fg/s1600/Red-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;}
form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;}
form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;}
form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;}
</style>
<div id="exe-searchbox">
<form id="exe-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search Here..." onfocus=if (this.value == "Search Here...")
{this.value = ""} onblur=if (this.value == "") {this.value = "Search Here...";}/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><a href="http://os-trickz.blogspot.com/2013/07/add-stylish-and-pretty-search-engine.html" target="_blank"><span style="color: #e06666;">Get This Widget</span></a></span></span></div>
</div>