Aneka Cara Membuat Kotak Search pada Blog

Aneka Cara Membuat Kotak Search pada Blog
Kotak search blog, memiliki fungsi untuk mempermudah pengunjung mencari tema artikel yang ia inginkan. Dengan menulis keyword atau kata kunci pada kotak tersebut, maka akan langsung muncul hasil pencariannya.

Meski fitur ini telah disediakan secara default oleh blogger, namun bukan berarti admin harus memasangnya. Fitur ini hanya opsi semata menyesuaikan keinginan dan kebutuhan blog itu sendiri.

Sebagian admin blog merasa perlu memasangnya dan tidak sedikit pula yang menghilangkannya. Namun ada pula yang menggantinya dengan kode atau desain tertentu sesuai template yang ia gunakan.
Artikel rekomendasi Merubah Logo Faticon pada Blog Agar Lebih Keren.
Kali ini, saya akan berbagi mengenai cara membuat kotak search pada blog baik dari versi default blogger maupun dengan modifikasi kode HTML. Berikut caranya.

Cara memuat kotak search blogger

1. Masuk ke dasboard blogger.
2. Menuju ke menu Layout.
3. Scroll mouse ke bawah, lalu pilih Search Box.
Aneka Cara Membuat Kotak Search pada Blog
4. Silakan atur hasil pencarian dengan menandai kotak pilihan. This blog, menghasilkan pencarian dari blog itu sendiri. Linked From Here, memunculkan hasil dari tautan blog tersebut. The Web, menghasilkan pencarian ke semua web.
5. Akhiri dengan Save.

Cara memuat kotak search modifikasi untuk blog

1. Masuk ke dasboard blogger.
2. Menuju ke menu Layout.
3. Pilih HTML/Javascript, lalu paste kode berikut pada area HTML.

<center><form id="searchform" action="URL BLOG/search" name="q" method="get"><input id="s" onfocus="if (this.value == 'Cari artikel disini..') {this.value = '';}" value="Cari artikel disini.." name="q" onblur="if (this.value == '') {this.value = 'Cari artikel disini..';}" type="text"/><input id="searchsubmit" value="Cari" type="submit"/></form></center>

Keterangan :
Ganti URL BLOG dengan alamat URL blog sahabat. Lalu kalimat yang berwarna biru Cari artikel disini.. juga bisa diganti. Ingat, ketiganya juga harus diganti semuanya, jangan salah satunya saja. Kemudian kata warna hijau Cari juga bisa dirubah.
4. Akhiri dengan Save.
Hasilnya akan seperti ini.
Aneka Cara Membuat Kotak Search pada Blog

Cara memuat kotak search engine pada blog

1. Masuk ke dasboard blogger.
2. Menuju ke menu Layout.
3. Pilih HTML/Javascript, lalu paste kode berikut pada area HTML.

<form action="http://google.com/search" method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="cari disini" class="buttonsubmit" name="search here" type="submit"/></form>

Keterangan :
Silakan merubah ukuran kotak dengan mengganti nilai poin pada size="40". Lalu untuk tampilan tombol search, silakan merubahnya pada search here.
4. Akhiri dengan Save.
Hasilnya akan seperti ini.
Aneka Cara Membuat Kotak Search pada Blog

Selesai, silakan lihat hasilnya masing-masing pada bentuk modifikasi yang dipilih.

Demikian cara membuat widget kotak search pada blog dalam berbagai cara. Semoga bermanfaat dan selamat mencoba.

2 comments