Membuat Kotak Pencarian Untuk Blogger

Pada Postingan kali ini..saya mau share tutorial blogger..yaitu tutorila membuat Kotak Pencarian Pada Blogger..Coba lihat Diatas postingan Dizba's Blog...ada kotak pencarian.nah itu yang akan dibahas sekarang..Untuk membuatnya Mudah..Caranya seperti Berikut:

 Log in ke account blogspot anda

Dashboard >> design >> page element

Add a gadget >> html/javascript

Copy paste Kode kotak search di bawah ini  didalam form gadget tsb

 lalu save

<style type="text/css">

#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpmkMXsCI0Sr6VIZb6xo2s7lwEGCTD4A58DPGU-LuWqrze3kNh_QIE9Idhhj9IpruggSiSCKz9vhzbLyop4kb0pAxK_DTaAGZyZYNk-_fByaRxkxdSBMXLV_DLAs3qZzGzIAewxb_pPkq/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}

form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}

form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}

form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}

</style>

<div id="w2b-searchbox">

<form id="w2b-searchform" action="/search" method="get">

<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>

<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />

</form>

</div>

Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpmkMXsCI0Sr6VIZb6xo2s7lwEGCTD4A58DPGU-LuWqrze3kNh_QIE9Idhhj9IpruggSiSCKz9vhzbLyop4kb0pAxK_DTaAGZyZYNk-_fByaRxkxdSBMXLV_DLAs3qZzGzIAewxb_pPkq/ Dengan gambar pilihan anda:

-ganti dengan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpmkMXsCI0Sr6VIZb6xo2s7lwEGCTD4A58DPGU-LuWqrze3kNh_QIE9Idhhj9IpruggSiSCKz9vhzbLyop4kb0pAxK_DTaAGZyZYNk-_fByaRxkxdSBMXLV_DLAs3qZzGzIAewxb_pPkq/ Untuk Orange.

-/way2blogging_searchbox3.png Untuk Merah

-/way2blogging_searchbox4.png Untuk Putih

-/way2blogging_searchbox5.png Untuk Abu-abu

-/way2blogging_searchbox6.pngUntuk Hitam Seperti Punya aku)

Dan.......Selamat Mencoba..

--GOOG LUCK--