Cara Membuat Search Box di Sidebar Blog

Recomended


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.

Cara Membuat Search Box di Sidebar Blog

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

Cara Membuat Search Box di Sidebar Blog
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:

<!-- SEARCH BOX START -->
<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=&quot;text&quot;]
{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> 
<!-- SEARCH BOX END -->


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

Untuk berlangganan 'Artikel Terbaru Via E-mail', silahkan masukan e-mail anda di bawah ini :

0 Response to "Cara Membuat Search Box di Sidebar Blog"

Posting Komentar

Ada Pertanyaan atau Komentar? Silahkan sampaikan disini, InsyaAllah admin kami akan segera meresponnya.