Red color Search Box For Blogspot

HaiSob apa kabar? Berikut ini saya akan membagikan sebuah widget Blogger yaitu Red color Search Box untuk Blog Blogger. Kegunaan memasang Search Box seperti ini di blog adalah untuk memudahkan pengunjung mencari data atau informasi yang mereka butuhkan dan mungkin ada atau tersedia di blog kita.

Pada sebagian template, widget search box ini sudah dicantumkan, namun bagi yang belum ada jangan khawatir karena kamu bisa membuatnya sendiri, bisa kamu letakan pada menu navigasi atau bisa kamu tambahkan di sidebar blog kamu. (baca juga: Grew color Search Box For Blogspot)

Kotak Pencarian (Search Box) di Blogger


Red color Search Box For Blogspot
Red color Search Box For Blogspot


Berikut adalah kodenya: 

<style type="text/css">
#haisob-searchbox{background:url(http://3.bp.blogspot.com/-DqQKomzx0pw/Ue7BlSCh3zI/AAAAAAAAAiA/U3c87KbsBQc/s1600/noxdo_blogspot_com_Search-icon6.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#haisob-searchform{display: block;padding: 10px 12px;margin:0;}
form#haisob-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#haisob-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="haisob-searchbox">
<form id="haisob-searchform" action="/search/max-results=8" 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...";}'/>
</form>
</div>

Cara memasang Red color Search Form di Blogger


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

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

Sekian Red color Search Box For Blogger, semoga bermanfaat.