Cara Membuat Search Box di Sidebar Blog

Cara Membuat Search Box di Sidebar Blog - Search Box merupakan elemen penting yang wajib dipasang di blog, agar blog kita User Friendly. Kotak Pencarian ini memudahkan pengunjung mencari artikel atau info yang mereka butuhkan.

Bagi Anda yang penasaran cara membuatnya, Coba praktekan Cara Membuat Search Box/ Kotak Pencarian di Sidebar Blog berikut ini:

1. Layout > Add a Gadget ATAU Edit HTML/Javascript (kalo gak salah sudah ada tuh)

2. Judul kosongkan

3. Copas Kode Kotak Pencarian berikut ini di kolom Content:

<style>
#search-box {position: relative;width: 300px;margin:-10px 0 0 0;}
#search-text {
    font-size: 13px;
    border-width: 0px;
    background: transparent none repeat scroll 0% 0%;
    color: rgb(0, 0, 0);
    padding: 7px;
}
#search-form {
    height: 29px;
    background-color: #FAFAFC;
    overflow: hidden;
    border: 1px solid rgb(221, 221, 221);
}
#search-box input[type="text"]
{width: 100%;padding: 8px 0 1px 10px;color: #333;outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 30px;width: 80px;font-size: 13px;color: #fff;text-align: center;line-height: 30px;border-width: 0;background-color: #4d90fe;cursor: pointer;}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search here...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>


4. Save!

Kini Kotak Pencarian atau Search Box sudah ada di sidebar blog Anda. Itulah salah satu cara mudah untuk membuat Search Box di Sidebar, anda juga bisa menggunakan kode kotak pencarian lain. Semoga bermanfaat