• Tahun 2010-2013
  • Tutorial
  • Blogging, Web, dan lain lain
  • Gambar Lucu Cerita dan lain lain
Thursday, February 28, 2013

Mengubah Tampilan Seach Engine Lebeih Keren

Home » Tips dan Trik » Mengubah Tampilan Seach Engine Lebeih Keren

Stylish And Awesome Search Engine Boxes For Blog & Website

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjba2llIo0qgWROp6XxGUoORRUSJ9Fne7r-jrhqaD9n5Q2R3f85YDpxyRM31Wj4UB8y4DcNOu8tI4eYXbSjIT3Ij-0-j2OOqDlpTsx4L2Vz5zQd5orJwsBMBN4Xl0OPPupHL2mc_cyJog/s1600/Yellow-Search-Engine.png

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

Jika berkenan, mohon bantuannya untuk memberi vote Google + untuk halaman ini dengan cara mengklik tombol G+ di samping. Jika akun Google anda sedang login, hanya dengan sekali klik voting sudah selesai. Terima kasih atas bantuannya.
Judul: Mengubah Tampilan Seach Engine Lebeih Keren; Ditulis oleh Unknown; Rating Blog: 5 dari 5
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)