Untuk memudahkan mengunjung mencari suatu artikel dalam blog biasanya disediakan Search Engine. sebagian template memang sudah memasang gadget tersebut dan blogger juga sudah menyediakan dalam tab gadget.Trik kali ini adalah bagaimana membuat Search Engine dengan sedikit berbeda, kita akan membuatnya dengan Flat Button Style dan Flat Texbox Style.
Untuk membuatnya coba langkah di bawah ini:
1. Masuk ke Dashboard klik layout
2. Tambahkan gadget Add gadget pilih HTML/JavaScript
<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>
<input class="textinput" name="q" size="37" type="text"/>
<input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
Masukkan kode HTML diatas ini lalu Save.
3. Kembali ke Layout Pilih Edit HTML
4. cari kode ini body { pada jajaran kode CSS blogger, copy skript dibawah ini
.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;
}
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;
}
5. Save template , dan lihat hasilnya.
0 Gemar:
Posting Komentar