Kursus Komputer Murah Terbaik di Jakarta,BusinessAdExchange.com - Tempat Belajar Internet Dan Berbisnis

Mengubah Tampilan Kotak search di blog Menjadi keren

by Agus Murod , at 08.43 , have 1 comment
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 menjadi lebih keren caranya tidak terlau sulit anda pilih salah satu kotak search di bawah ini lalu ikuti cara berikut:


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

http://2.bp.blogspot.com/-8Khpb3lvlkw/TqBZnRPaR5I/AAAAAAAAAj8/OBUsJJlhATo/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(http://2.bp.blogspot.com/-8Khpb3lvlkw/TqBZnRPaR5I/AAAAAAAAAj8/OBUsJJlhATo/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(http://2.bp.blogspot.com/-YK8N1e-QfCc/TqBZoFG7nYI/AAAAAAAAAkE/PHRUhGRfaZU/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(http://1.bp.blogspot.com/-rWeiYWCmHIk/TqBZooXrghI/AAAAAAAAAkM/Fvm-gfaIuf8/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(http://3.bp.blogspot.com/-vxXsk24PYUc/TqBZpWE4scI/AAAAAAAAAkU/_0dLPsFRHYQ/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(http://2.bp.blogspot.com/-r9ZPNWJubic/TqBZp-73XNI/AAAAAAAAAkc/_qnbg8EXakU/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
Agus Murod
Mengubah Tampilan Kotak search di blog Menjadi keren - written by Agus Murod , published at 08.43, categorized as Tips Blogging . And have 1 comment
thumbnail Title : Mengubah Tampilan Kotak search di blog Menjadi keren
Posted by : Agus Murod
Published : 2013-02-24T08:43:00+07:00
Rating : 5
Reviewer : 99999 Reviews

DMCA.com

Semua artikel Blog Agus Murod dilindungi oleh Undang-Undang hak cipta dibawah naungan DMCA (Digital Media Copyright Act) dengan lisensi resmi berbayar (Verified), Semua pencurian konten akan langsung ditindak lanjuti dengan DMCA TAKEDOWN.

1 comment Add a comment

SILAHKAN BER KOMENTAR DENGAN PINTAR DAN BIJAK

Di larang meninggalkan link aktif
Di larang berkomentar yang berbau sara,,penghinaan dan penipuan
Semua komentar tidak langsung muncul,Komentar yang anda buat akan di baca oleh admin terlebih dahulu.


Cancel Reply
GetID
Blogger