Simple & Responsive Search Box Code for Blogger

Posted by New Johny Wuss

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.

Simple & Responsive Search Box Code for Blogger

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>

» Thanks for reading: Simple & Responsive Search Box Code for Blogger
Previous
« Prev Post
CB Blogger
New Johny WussUpdated: October 15, 2015

2 comments:

Follow & Get Update by Email

CB