Kotak Pencarian Simple - Search Box HTML Codes for Blogger

Kotak Pencarian merupakan elemen penting di sebuah halaman web atau blog. Kotak atau kolom pencarian ini memudahkan pengunjung mencari posting atau konten yang dibutuhkannya.

Kotak pencarian ini juga dibutuhkan admin blogger untuk mencari posting yang akan diedit atau dijadikan internal link di postingan.

Cara Pasang Kotak Pencarian Simple

Berikt ini kode dan cara memasang kotak pencarian di sidebar blogger.

Layout > Add a Gadget > HTML/JavaSript:

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

Thanks for reading Kotak Pencarian Simple - Search Box HTML Codes for Blogger