Dark black Search box for Blog

HaiSob apa kabar? Pada kesempatan ini saya akan membagikan sebuah widget Blogspot Blogger yaitu Dark black Search Box untuk Blogger Blog . Keguanaan memasang Search Box di blog yaitu untuk mempermudah pengunjung mendapatkan data atau informasi yang mereka butuhkan di blog kita.

Pada sebagian template, Search Box ini biasanya sudah terpasang dan diletakan pada navigasi menu atau ada pada sidebar blog, namun bagi yang belum ada jangan khawatir karena kamu bisa memasangnya sendiri. (baca juga: Easy blue Search Box For Blogger)

Kotak Pencarian (Search Box) di Blogger


Dark black Search box for Blog
Dark black Box For Blogspot


Berikut adalah kodenya: 

<style>
#haisob-searchblack1 { background:#222222; border-radius:10px; width:290px; }
#haisob-searchblackbox1 { padding:10px; }
#haisob-searchblacksubmit1 { border:1px solid #222222; background:#dc4523; padding:5px; color:#ffffff; font:14px verdana; }
#haisob-searchblackinput1 { -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border:1px solid #ffffff; background:#ffffff; padding:5px; color:#888888; font:14px verdana; }
</style>
<div id='haisob-searchblack1'>
         <form action='/search/max-results=8'  method='get' id="haisob-searchblackbox1">
            <input name='q' id='haisob-searchblackinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='haisob-searchblacksubmit1' type='submit' value='Search'/>
         </form>
      </div>

Cara memasang Dark black Search Form di Blogger


1. Di Blog kamu 😉
2. Pilih menu Tata Letak  ➜ Tambahkan Gadget.
3. Kemudian pilih widget HTML/JavaScript
Cara memasang Dark black Search Form di Blogger
Tata Letak ➔ Tambah Gadget ➔ HTML / Javascript

4. Masukan kode dikolom yang tersedia
5. Save widget.

Sekian Dark black Search box For Blog, salam Bloggers.