Simple & Responsive Search Box Code for Blogger

CB Blogger | October 15, 2015

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>

Previous
« Prev Post

Related Posts

2 komentar on Simple & Responsive Search Box Code for Blogger

 
Copyright © 2020. New Johny Wuss - All Rights Reserved
Template by CB Blogger & Maskolis