Cara Membuat Search Box Sederhana di Blog

Search box adalah bagian penting di dalam suatu blog, ini memungkinkan pengunjung untuk mencari dan menemukan konten berdasarkan keyword yang dimasukkan. Tetapi, ada beberapa template gratisan yang didesain tanpa adanya search box. Sehingga Anda tentu mencari template lain atau mencari kode-kode untuk menampilkan search box.


Memang sudah banyak tutorial yang menjelaskan tentang pembuatan search box dengan gaya dan penampilan indah. Tetapi terkadang penampilan serach box tidak sesuai dengan template blog Anda, terlebih lagi cukup sulit untuk mengubah kode HTMLnya. Nah, di sini saya juga ingin berpartisipasi untuk membantu Anda dalam membuat search box sederhana. Penampilan sederhana, sinngkat, dan mudah untuk mengubah kode-kode HTMLnya. Anda bisa melihat gambar di bawah ini :

1. Login ke akun blogger Anda

2. Masuk Dashboard

3. Klik “Tata Letak” lalu klik “Add gadget”

4. Lalu pilih “HTML/JavaScript”

5. Masukkan kode di bawah ini pada kolom “HTML/JavaSrript”

<p align="left">
<form id="searchthis" action="http://pelangiblog9.blogspot.com/search" style="display:inline;" method="get">
<strong>SEARCH<br/></strong>
<input id="b-query" maxlength="225" name="q" size="32" type="text"/>
<input id="b-searchbtn" value="Search this" type="submit"/>
</form></p>

6. Klik “Simpan”

Catatan :
Kode warna merah menunjukkan URL blog, silahkan ganti dengan URL blog Anda
Kode warna biru menunjukkan judul pada search box, Anda bisa menggantinya
Kode warna ungu menunjukkan panjang kolom search, Anda bisa mengubahnya angkanya sesuai dengan panjang sidebar blog Anda
Kode warna orange menunjukkan kata pada kotak submit, Anda juga bisa menggantinya.