Cara Memasang Search Box di Blogger

Agar memudahkan pengunjung untuk mencari artikel yang ada dalam sebuah blog, ada baiknya disediakan sebuah form pencarian (seperti terlihat pada blog ini).

Berikut ini adalah cara pembuatannya.

*

1. Masukkan Kode CSS

Login ke akun blogger Anda. Kemudian klik "Layout", dilanjutkan dengan klik "Edit HTML" untuk memasukkan secara manual kode-kode HTML.

Masukkan kode CSS style berikut ini, di atas kode ]]></b:skin>.

.buttonreset {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px;
}

.buttonsubmit {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px; 
}

.textinput {
color : #333;
background-color: #ffffff;
border: 1px solid #999;
padding: 1px;
}

Klik "Save Template" untuk menyimpan perubahan.

2. Tambahkan Form Di Side Bar

Langkah kedua, tambahkan widget "HTML/Javascript" pada sidebar anda, lalu masukkan kode berikut ini di dalamnya.

<form action="http://NAMA-BLOG.blogspot.com/search" method="get">
<input class="textinput" name="q" size="37" type="text" />
<input class="buttonsubmit" name="submit" type="submit" value="search" /></form>

Ganti "NAMA-BLOG" dengan nama blog di blogspot anda.

Silahkan save kode HTML/Javascript tersebut.

.

Cara Memasang Search Box di Blogger