Search Engine With Flat Button and Flat Textbox Style

Search Engine pada blogger merupakan proses pencarian untuk memudahkan mengunjung mencari suatu artikel sesuai dengan kata kunci yang digunakan.

Walaupun sudah banyak yang mengetahui cara pembuatannya namun kali ini saya memberikan sentuhan yang berbeda dari yang standar, yaitu menampilkan dengan gaya Flat Button Style dan Flat Texbox Style.


Untuk membuatnya ikuti langkah dibawah ini:
1. Pada Template -> Element Halaman -> Tambahkan sebuah Elemen Halaman -> 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 NAMABLOG dengan nama blog sobat, dan jangan lupa disimpan.

2. Langkah kedua pada Template -> Edit HTML
Copy / Paste code dibawah ini pada jajaran kode CSS pada blogger, kalo masih bingung cari kode body { lalu setelah tanda akhiran body ada tanda } letakan saja dibawah kode tersebut.

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

jangan lupa disimpan, dan lihat hasilnya seperti dibawah ini

• Share this on del.icio.us
• Digg this!
• Stumble upon something good? Share it on StumbleUpon
• Share this on Reddit
• Add this to Google Bookmarks
• Tweet This!
• Share this on Facebook
• Share this on Mixx
• Subscribe
• Buzz up!
• Share this on Linkedin
• Submit this to DesignFloat
• Share this on Technorati
• Submit this to Script & Style
• Post this to MySpace
• Share this on Blinklist
• Share this on FriendFeed
• Seed this on Newsvine

Widget by Css Reflex | TutZone | Desta