Stylish Search Engine Widget For Blog & Website

Adding Widget Code:

It's Simple.....

Step 1: Click On Add a Gadget On Blog Layout Page.

Step 2 : In that Add Gadget window , choose HTML / JAVASCRIPT .


Step 3 : Now add following HTML in that window.



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/AVvXsEibVnLryKY3ChusVaNgAVcjCiKh-gHwtbE8ZSw48sdMU83D1vmMV2x6mz_SwuOR_I3jkKNCpEMbS_Swi5JJ7PGkWFgieVLhn8jmD7SD9QtZYfTo5TcIkTCmbvhjHzkW46wSO0nk8b5o0Q/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>
<!-- 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 2:

<!-- 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/AVvXsEhX_er3XFJbJdwpcBoHBYBH3MIjWeaNK_xVvmY3jUzoAmfKd7grb4qlyvrZ2BnVNowpRzaPErdo_OGoK6cskZrnUNlCSuhcsw8Q25NUA4rC7L_K9akl5XA6E0L2Ss1SRRL7MuB8EJ7qJw/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>

<!-- 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 3:

<!-- 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/AVvXsEgym4wjOB55fJjOa6feSCtHSgooiyMOTn0-XsoUxU7xgaGkbqdDob9tPgpy5lhXokEq52Vww0jzE1unat-Q5DJkNK_Ru1UfP_vaPabzBXII9sWLNYt1IAzPuuihdBakXLrHXOhvomf10g/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>

<!-- 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 4:

<!-- 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/AVvXsEiMGG9bG1tl9ekxtn6FzJ5I95T4IRoX-8kssTXRP3F08mpkm_uWY-5kxuoZZFu8HUsp9svkZ_pGqjBbPKnn9MUJmulloZiLMPd9SFVv9BelDxvmJ5VcMBr4UFfOz1hTApGZ_Q1Yvzpdng/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>

<!-- 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 5:

<!-- 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/AVvXsEjjTpS0RKyQPULHUmIYMSs99z9qYoV3xwCpe1DuTM1b174NDfDFBgNCi1O59YmgrVeaYYjI7k_F3Qog04zaGmpGnadBVSyHeQGyOiJ4FUUL3L4o66iYKk_8QfJL8zyWKT5Vpo4iSRM_OA/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>

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