Pasang Search Engine di Blogger

Search Engine dalam blogger,memudahkan pengunjung untuk mencari artikel dengan kata kunci yang digunakan.Mungkin sebagian orang sudah mengetahui cara membuat search engine ini.

Kali ini saya akan memberikan sedikit sentuhan pada search engine sehingga tampil beda dengan search engine lain.Seperti menggunakan Flat Button dan Flat TextBox

Berikut langkahnya :

Pertama
Pilih Tab Layout(template),kemudian pilih menu Page Element(Elemen Halaman).Tambahkah Widget baru HTML/JavaScript.

Copy/Paste code dibawah ini:

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

Jangan lupa ganti warna merah dengan alamat blog Anda, dan jangan lupa disimpan :)


Kedua
Pilih Tab Layout(Template),kemudian pilih menu Edit HTML.Copy kode berikut di body { masukkan kode di sini... }

.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;
}



Dan hasilnya seperti ini:

Menggunakan Flat Style

Tanpa menggunakan Flat Style

SELAMAT MENCOBA YA..!!

HAPPY BLOGGING