White and Red color Search Box For Blogger

HaiSob apa kabar? Pada kesempatan ini saya akan membagikan sebuah widget Blog yaitu White and Red color Search Box untuk kamu pengguna Blogspot Blogger. Fungsi Search Box di blog untuk memudahkan pengunjung mencari data atau informasi yang mereka butuhkan dan mungkin ada atau tersedia di blog kita.

Pada sebagian template, widget pencarian ini sudah dicantumkan, namun bagi yang belum ada jangan khawatir karena kamu bisa membuatnya sendiri, bisa kamu pasang pada menu navigasi blog atau bisa kamu tambahkan di sidebar blog kamu. (baca juga: Black and white Search Box For Blogspot)

Kotak Pencarian (Search Box) di Blogger


White and Red color Search Box For Blogspot
White and Red color Search Box For Blogspot


Berikut adalah kodenya: 

<style type="text/css">
#haisob-searchbox{background:url(http://3.bp.blogspot.com/-A_B_jk1yrIY/Ue7A4JLAVlI/AAAAAAAAAhs/JPrpQvYA-7w/s1600/noxdo_blogspot_com_Search-icon4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#haisob-searchform{display: block;padding: 12px;margin:0;}
form#haisob-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;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=""/>
</form>
</div>

Cara memasang White and 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 White and Red color Search Form di Blogger
Tata Letak ➔ Tambah Gadget ➔ HTML / Javascript

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

Sekian White and Red color Search Box For Blogger, semoga bermanfaat.