Cara Membuat Search box keren bergaya Metro di Blog

IDFAIS- Selamat malam ! Malam ini saya akan menge-post tentang Cara membuat Search Box keren bergaya Metro. Ok langsung saja :

1. Pertama login ke akun Blogger
2. Lalu buka tab Tata Letak
3. Klik Tambahkan Widget/Add Widget
4. Pilih HTML/Javascript
5. Lalu masukkan kode dibawah ini di textbox
<style> #abt-search-btn { background: none repeat scroll 0 0 #1ca4ff; border: 0 none; border-radius: 0 0 0 0; color: #FFFFFF; font-weight: 700; padding: 10px 20px; } #abt-search-btn:hover {background: grey;} #abt-search-box { background: none repeat scroll 0 0 #EEEEEE; border: 0 none; padding: 10px; width: 180px; } </style> <a><form id="searchthis" action="/search" style="display:inline;" method="get"> <input id="abt-search-box" name="q" size="40" type="text" placeholder=" Type Here ..."/> <input id="abt-search-btn" value="Search" type="submit"/> </form> </a>

6. Nanti hasilnya akan menjadi seperti ini

Terima Kasih sudah berkunjung ke IDFAIS