Membuat Mesin Pencari di Blogger Plus CCS

Search Engine pada blogger memudahkan mengunjung mencari suatu artikel dalam blog. Mungkin sebagian ada yang sudah tau cara membuatnya. Tapi kali ini kita membuatnya sedikit berbeda, dengan Flat Button Style dan Flat Texbox Style.


Cara membuatnya ikuti langkah di bawah ini:
1. Login ke akun blogger Anda. Pada Template, pilih Element Halaman > Tambahkan sebuah Elemen Halaman > HTML/JavaScript

Ketikkan kode 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>

Kalau sudah, simpan.

2. Langkah kedua, pada Template pilih Edit HTML.

Copas Code CCS berikut ini diatas code ]]></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;
}

Kalau sudah, simpan dan lihat hasilnya.