Cara Memasang Metro Style Search Bar Di Blog

Kali ini saya akan kembali Menshare Tentang Search Bar atau yang biasa kita kenal sebagai Search Box. Sebenarnya semua search box memiliki fungsi yang sama yaitu agar memudahkan para pengunjung untuk mencari postingan yang ia inginkan,namun bentuk atau warna search box cukup menentukan dalam  efektifitas penggunaan search bar ini.

Jika kita memasang search bar yang tidak cocok maka search bar bisa menjadi bumerang bagi sang pemilik blog, karena hanya akan memberi kesan tampilan yang tidak sedap. Beberapa hal yang harus diperhatikan dalam memilih search bar adalah

• 1. Letak yang strategis 

usahakan posisi search bar berada dalam jangkauan yang mudah (biasanya dekat scroll bar )

• 2. Warna yang sesuai dan tidak terlalu menyala

kita harus menyesuaikan warna search bar karena jika warna yang tidak sesuai hanya akan memperburuk penampilan blog anda


Setelah memperhatikan dua point diatas maka saya akan membagikan cara membuat search box dengan metro style ini

Demo Blogger-Nesia

cara pemasangan

• Step 1  Buka blogger.com lalu pilih blog  anda
• Step 2  Pilih tata letak
• Step 3  Buka pilihkan gadget lalu HTML/Javascript
• Step 4  Copy kode berikut lalu pastekan pada HTML/Javascript tadi

<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>

•  Step 5  Simpan lalu cek bog anda untuk melihat hasilnya

Jika anda berpikir search box ini kurang sesuai dengan tampilan blog anda,jangan khawatir kami sudah menyediakan beragam search box lainnya( Klik Disini )

jika ada yang ingin agan tanyakan  silahkan berkomentar .wassalamualaikum wr.wb.