Membuat Button Search Pada Blog

hai sobat semua,,,,kali ini saya akan membahas tentang membuat tombol search pada blog…semoga artikel ini bisa melengkapi fitur dalam blog sobat semua…fungsi button ini juga untuk mempermudah para pengunjung untuk mencari informasi yang ada dalam blog, dan hal ini juga mempercepat pencarian hanya dengan kata kunci, jadi para pengunjung tidak lagi mencari dengan satu persatu yang hanya membuang waktu mereka…karena kecepatan untuk mencari informasi sangatlah penting…hal ini juga bisa menambah pengunjung pada blog…… Sobat semua juga bisa mencari tutorial lain di blog terkait http://katingotake.blogspot.com.. artikel yang lebih menarik bisa sobat dapatkan disana. (kasarongan)


</div></div>Untuk pembuatan button search langsung aja ikuti langkahnya dibawah ini :
• Login ke blog sobat
• Pilih rancangan
• Edit HTML
• Kemudian cari kode </head>, agar lebih cepat gunakan ctrl+f
• Letakkan script dibawah, tepat diatas </head>

<style type='text/css'>
div#search { background: transparent url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRq0WPo014l4acyRuFShBdAtkw0yZmomuuV38CCJPBqxmdACnNrC5LjnifCsE5qplC5clJgFolTsHTFgDczHLUrSrJAboKdcQxNcWrJMUj3uyCo1HGdYFD2w6kjn_HmvLyDk97Nt3yIgvt/&#39;) no-repeat scroll left top;margin: 0; float: right; 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>

• Jika peletakan script sudah dilakukan, langsung save.
• kemudian Pergi ke Layout --> Rancangan Halaman dan klik "Tambah gadget"
• Kemudian letakkan script dibawah ini dalam kololom widget.

<div id='search'>
<form action="http://NAMABLOGMU.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='Type your search here...'/></p>
</form>
</div>

•Jika peletakan sudah dilakukan, save pekerjaan sobat semua.
•Lihat hasilnya.

Segala sesuatu akan mudah didapat jika kita benar-benar melakukan sebuah usaha yang maksimal...jangan pernah berharap akan mendapatkan sesuatu jika kita tidak pernah berusaha...karena dengan melakukan sebuah usaha yakinlah bahwa akan ada hasil yang akan didapatkan... kerjakanlah segala sesuatu dengan ikhlas dan bukan dengan cara terpaksa...sesuatu pekerjaan yang sulit bila dikerjakan dengan ikhlas maka akan mudah dalam penyelesaiannya. Baca kembali semboyan blog ini ketika anda masuk pada halaman blog ini....salam Kasarongan.