About

Pages

Kamis, 09 Juli 2009

Menambahkan Search Box atau Kotak Pencari Pada Blogger


search toolSaya yakin para netter pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari.

Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Layout -> Page Elements. Lalu klik pada Add a Gadget.

2. Cari tulisan HTML/Java script. Kalau sudah ket
emu, klik tombol + yang terletak disebelah kanan tulisan HTML/Java script. Kemudian akan muncul kotak baru seperti ini.


3. Copy dan letakkan kode dibawah ini kedalam kotak tersebut, lalu klik Save

<blockquote style="color: rgb(255, 0, 0);"><p align="left">
<form id="searchthis" action="<span style=">ALAMAT URL BLOG
/search" style="display:inline;" method="get">
NAMA KOTAK</span><br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text">
<input id="b-searchbtn" value="Search" type="submit">
</form></p>

Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://www.mantpi-masalalu.blogspot.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari artikel disini, Cari disini, dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.

Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut.

Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini.


Selamat berkreasi.. senyum




0 comments:

 

Blogger news

Blogroll

About