Mengubah Tampilan Seach Engine Lebeih Keren

Mengubah Tampilan pada kotak pencarian/search di blog.jika anda ingin merubah tampilan kotak pencarian/search di widget blog caranya tidak terlau sulit anda harus memilih mana kotak search di atasyang tampilanya bagus kalau boleh saya saran anda pilihlah yang sesuai dengan tema pada blog anda,

caranya seperti berikut:

1.Seperti biasa anda login ke blogger.com

2.klik layout

3.add a gadget

4.anda pilih HTML/java script

copy kode di bawah gambar style 1-5 yang anda inginkan

Stlyle 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/AVvXsEjba2llIo0qgWROp6XxGUoORRUSJ9Fne7r-jrhqaD9n5Q2R3f85YDpxyRM31Wj4UB8y4DcNOu8tI4eYXbSjIT3Ij-0-j2OOqDlpTsx4L2Vz5zQd5orJwsBMBN4Xl0OPPupHL2mc_cyJog/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/AVvXsEhaTzMmQM5KYtFyEA_oWM4ZL1kE9YvmXRaeGGnGx82TuQniYnn1S-T-2JqFyMgytvu_7hXCn29s330uNZEVEGPuy6jSD8BuWz-bbLIWEIijlGsD376iWk3Kf_BLIjlCBeGJwsKGVcHidQ/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/AVvXsEgm9O2ZqrWSKKsnWSumzK6YRx8tS_t3gtPi2zKvNlfVueluNGUqQljNxXCznXymBoMlSC6cVbslq6OSM9fEtKQtO8DiHZrCZD-HFTompIIr54EGea7vJWqvs1ijyI989Z_8JxlxSWGxFw/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/AVvXsEiAr0ZPf6v30gxJRfNfXrDJj7uvUdOO25RLIvy0JjxHDPXDxT8DTdVfOBfjLeqI2UUast9on6omzCu63ruMOl-agBYqyndu094ZpoDfqytHm49da7LQ0W3wSkLw7d65sfbrO9cpBRHWjw/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/AVvXsEj9ssZY3lNJCPfFbKuMs-8C5-2HcoUsR6hZZKz3kdj9TKfod0JTMKm_0Y7IFD_PN8egnEd7GPVppmOTxUXp9SNe7u070gZ9wpgXwOTEFHERTR0adjYW51FYhcCZZq160RKHlj8u8yJEWQ/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. -->

6.Save