Bikin Mesin Pencari di Blogger

Search Engine pada blogger memudahkan pengunjung mencari artikel dalam blog. Mungkin sebagian ada yang sudah tau cara membuatnya. Tapi, kali ini kita membuatnya dengan sedikit berbeda, dengan Flat Button Style dan Flat Text Box Style. Nah, berikut cara membuatnya yang saya dapetin di salah satu tabloid ni :

1. Login ke bloger kalian. Pada Template, pilih Element Halaman -- Tambahkan sebuah elemen halaman -- HTML/JavaScript


Kemudian salin kode berikut ini :


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

Kemudian di simpan. (ganti NAMABLOG dengan domain blog kalian)


2. Berikutnya, pada Template, pilih Edit HTML.

Salin kode di bawah ini pada jajaran kode CSS blogger. Tepatnya setelah kode body { , diakhiri dengan tanda } .



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


Kemudian simpan, dan lihat hasilnya.
Selamat mencoba ! :D

Bikin Mesin Pencari di Blogger