Search bar Metro style untuk blogger

kali ini kita akan menambahkan widget metro style untuk blogger
seperti biasa masuk ke blogger pilih menu  Layout → Add Widget → HTML/JavaScript .
lalu paste kode dibawah ini :

<style>
#abt-search-btn {
    background: none repeat scroll 0 0 #359BED;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-weight: 700;
    padding: 10px 20px;
}
#abt-search-box {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    padding: 10px;
    width: 160px;
}
</style>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="abt-search-box" name="q" size="40" type="text" placeholder="  Type! :D "/>
<input id="abt-search-btn" value="Search" type="submit"/>
</form>

160 adalah panjang yang boleh sobat ganti sesuai selera.
Klik save/simpan . .

Tara . sekarang blog lu udah punya button search keren. .  ciee cieee..
gimana sob? kalo udah berhasil jangan lupa tinggalkan komentar ^.^

SHARE THIS