Cara Membuat Search Box Keren di Blogger

Cara Membuat Search Box Keren di Blogger - Serach Box yang bisa juga disebut kotak pencarian merupakan kotak pencarian yang sangat penting sekali untuk blogger, dengan serach box pengunjung bisa lebih mudah mengakses artikel yang ada di blog. Hanya dengan memasukkan keyword atau kata kunci yang mereka kehendaki. Tampilan atau model search box sangat bervariasi, itupun tergantung yang punya blog.


Perhatikan langkah-langkah cara membuat search box berikut ini. Jika cara ini belum berhasil, coba ulangi beberapa kali sampai berhasil.

- Login di Blogger atau klik disini
- Dasbor Blogger
- Tata letak
- Tambahkan Widget, terserah ingin diletakkan pada bagian mana saja
- Salin kode yang ada di bawah ini

<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="  Cari disini... ..."/>
<input id="abt-search-btn" value="Search" type="submit"/>
</form>
</a>

- Tempelkan kode yang sudah disalin tadi
- Simpan dan selesai

Demikian tutorial cara membuat search box keren di blogger. Semoga menjadikan manfaat bagi semuanya, dan terimakasih atas kunjungannya. Jika ada penulisan yang kurang memuaskan, mohon maaf sebesar-besarnya.


Jangan cuma baca tapi komentar juga

Emoticon