Cara Mudah Membuat Kotak Search Pada Blog


Kotak Search berfungsi untuk mempermudah si pengunjung untuk mencari artikel yang sedang dibutuhkannya. Dengan mengetik kata atau kalimat, maka secara otomatis artikel yang bertautan akan muncul. Cara membuat kotak search ini sangat mudah, berikut langkah-langkahnya.


Baca juga :
» Cara Mudah Membuat Label Blog Bergoyang
» Cara Merubah Tampilan Kursor Pada Blog
» Cara Mudah Memasang Widget Ganti Background Blog Bergerak

1. Pertama, silahkan nd login ke Blogger

2. Pilih Tata Letak » Tambah Gadget

3. Selanjutnya pilih HTML/JavaScript

4. Pasang kode dibawah ini pada kolom HTML/JavaScript


<style>
.serching{margin:10px 10px 10px 0;width:100%;}.serching form{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px}.serching form input{display:block!important;margin:0;border:0;padding:5px 0;outline:0;height:20px;line-height:20px;font-size:13px;border-radius:0!important}.serch{float:left;width:85%!important;text-indent:10px}.serchg{float:right;width:15%!important;height:30px!important;padding:0!important;background:gray;color:#fff;border:0!important;font-size:12px!important}
</style>
<div class='serching'><form action='/search?q='><input class='serch' name='q' placeholder='Cari...' title='Click the form, then type your keyword, then hit enter' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></span></form></div>

5. Simpan dan lihat hasilnya

Bagaimana, mudah sekali kan? Demikian cara mudah membuat kotak search pada blog, semoga dapat membantu dan bermanfaat. Terimakasih atas kunjungannya and happy blogging.


LANGGANAN ARTIKEL GRATIS
Jika anda menyukai artikel-artikel yang ada di blog Kang AP, silahkan untuk berlangganan gratis via email. Anda akan mendapat kiriman setiap ada artikel baru yang terbit di blog Kang AP ini. Terimakasih.

0 Response to "Cara Mudah Membuat Kotak Search Pada Blog"

Post a Comment