Simple & Responsive Search Box Code for Blogger

Baca Juga

Cara Memasang Kotak Pencarian Simple & Responsive di Sidebar Blogger

SEARCH BOX is very important for blogger. This widget make your blog user friendly. Your reader can easily search informations or posts that they need. NN Group strongly recommends that every website or blog must provide searching tools.

THIS IS THE CODE
(Simple & Responsive Search Box Code for Blogger)

<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='Cari Tulisan di Sini' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></form></div>