Search Box adalah sebuah kotak pencarian yang berfungsi untuk mencari sesuatu yang sesuai dengan kata kunci yang kita masukan, sebenarnya saya sudah menemukan banyak model/tipe search box, tapi yang saya share kali ini adalah salah satunya, yang menurut saya keren dan responsive yang saya pakai di blog ini.
Untuk Demo atau Tampilan SearchBox nya bisa kalian lihat gambar dibawah ini !
Dan kalian juga bisa melihat search box nya secara LIVE dibagian kanan header di blog ini.
Bagaimana ? Tertarik untuk memasangnya ?
Cara Memasang Search Box Responsive Keren di Blog
1.Buka Blogger2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
<div class='header-right section section' id='header-right'><div class='widget HTML' data-version='1' id='HTML97'>
<div class='widget-content'>
<div id="search-box">
<form action="/search" id="cse-search-box" method="get">
<input id="search-text" name="q" onblur="if (this.placeholder == "") {this.placeholder = "Cari disini...";}" onfocus="if (this.value == "Cari disini..") {this.value = ""}" placeholder="Cari Disini..." type="text" />
<button id="search-button" type="submit"></button>
</form>
</div>
</div>
</div></div>
</div>
4.Setelah itu silahkan Simpan widget tersebut dan cek blog anda masing masing
Tempat Widget yang cocok untuk memasang Search Box Responsive ini adalah di bagian Header, karena panjang dan bentuknya dapat sesuai.
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.