Search Box Dengan Tampilan Unik ,Khusus Untuk Anda

Sekarang akan memberitahu cara membuat search box dengan tampilan yang unik  Ayo Kita Belajar Membuatnya

1.Login ke akun Blogger Anda
2.Masuk ke Template> Edit HTML
3.Carilah kode </head>
4.Copy kode di bawah ini diatas kode </head>

<style type='text/css'>
div#search { background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeTq5bafS9b9aWNPPlOBZ7leDsupT1yNaybXoliVJv5WglnCseM3OMHR3gGms5h8IQVzdhmuGyy8tsN0OKE4cPlb21uih6IH8TjJyw5CrfvEGuCt0nqxe2dKlDh6NwpWD8bZFJX8aHwQ_P/") no-repeat scroll left top;margin: 0; width: 320px; height: 44px; }
div#search form { height: 44px; }
div#search form p { display: block; margin: 0; padding: 14px 0 0 30px; }
div#search form p input { width: 285px; border: 0; background: transparent none; color: #ffffff; }
</style>

5.Simpan template anda lalu Masuk ke Tata Letak > Add Widget, copy kode dibawah ini

<div id='search'>
<form action="http://YOURBLOG.blogspot.com/search" id='search form' method='get'>

<p><input id='searchform' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Type your search here...&quot;;}' onfocus='if (this.value == &quot;Type your search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Tulis yang Ingin Kamu Cari'/></p>

</form>
</div><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href="http://pelajari-selengkapnya.blogspot.com/2012/03/search-box-dengan-tampilan-unik-khusus.html">Get This</a>

Note: Ubah YOURBLOG menjadi alamat blog anda, kemudian di save