Beautiful Search Box Widget for Blogger!

We all who have blog site and write on blog are well known to the blog platform of Google blogger.com. We the blogger use various widget in our blog to make our blog perfect and beautiful. Search box is one of them. A beautiful and will make your blog more attractive to you reader and help them to find their desired post. Today I am presenting a search box widget, hope that will helpful for you and for your reader.

Adding Search Box in Blogger:

1. At first log in to your blogger account.
2. Then got to Layout and click Add Gadget where you want to add the search box. 
3. Now from here click HTML/JavaScript
4. Then Copy the below code and Paste HTML/JavaScript box.
<style> #search-box { position: relative; width: 100%; margin: 0; } #search-form { height: 40px; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; overflow: hidden; } #search-text { font-size: 14px; color: #ddd; border-width: 0; background: transparent; } #search-box input[type="text"] { width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none; } #search-button { position: absolute; top: 0; right: 0; height: 42px; width: 80px; font-size: 14px; color: #fff; text-align: center; line-height: 42px; border-width: 0; background-color: #FF0000; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; cursor: pointer; } </style> <div id=’search-box’> <form action=’/search’ id=’search-form’ method=’get’ target=’_top’> <input id=’search-text’ name=’q’ placeholder=’Type here & click SEARCH’ type=’text’/> <button id=’search-button’ type=’submit’><span>SEARCH</span></button> </form> </div>


5. Then click the Save button.

Try The Other Post About Blogging

1. Multi Colored Popular Post Blogger Widget For Blog.
2. How To Add Popular Post Blogger Widgets In Blog.
3. How To Add Total Post and Comment Widget For Blog.
4. How To Disable Captcha Code Verification In blog Comment.
5. How To Add Back To Top Button In Blogger.

Stay with www.iTTimesbd.com fore more IT related Post