Tuesday, January 17, 2012

Membuat Search Box

Menambah Search Box untuk membuat pengunjung blog kamu mudah mencari artikel yang mereka inginkan.
Berikut langkah - langkahnya :
Masuk ke  Template-> tab Elemen Halaman, klik "Tambahkan sebuah Elemen Halaman" di tempat di mana Anda ingin kotak pencarian Anda muncul. Pilih "HTML / JavaScript".

Kemudian tambahkan script berikut :
  
<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
 
Ingatlah untuk mengubah URL BLOG KAMU ke URL atau alamat web dari Blog Anda. Juga, mengubah NAMA BLOG ANDA dengan apa yang ingin kamu tampilkan disitusmu. Misalnya, jika Nama Blog Anda panjang, Anda mungkin ingin menulis sesuatu seperti "Cari Disini" atau "Cari di situs ini".

Anda juga dapat mengubah "Cari" tombol untuk berkata, "Hit" atau "Go", dengan mengubah Value.

Simpan kode dan refresh halaman Anda. Jika Anda ingin kotak pencarian lebih panjang atau pendek, Anda dapat bermain-main dengan ukuran. Contoh di atas ukuran width = "20" dan nilai = "Hit".
 
<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>