Beautiful fluid layout Search Box for blogger

Search boxes are very important for all of us allowing site visitors to find or search anything topic in your site or blog. Here i have a fluid design search box specially for you all i hope you will like it. Threre are many colours present just choose according to your needs. The special thing about this widget is its fluid layout, it automatically fits the width. I hope you all will like this widget. 
Let's see how you can addthis to your blog.

>>>>>Firstly Go to Blogger Dashboard .
>> >Then Layout Now Click on the Add a Gadget.
>> >Now click on HTML/JavaScript .
>>>Then Copy the Below code in the gadgets 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: #4d90fe;
-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='Search TechFrost' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>

Line : 4 – 100%- This is for fluidity of the search box just enter the  value example: 200px desired value

Line:45 – #4d90fe  - Change this hex code to change the colour of the box

Line:55 – Search Cybergeeko - Change this to your blog title or to anything you want

Line:56 – Search - Change this to anything like "hit" or anything you like.

>> just save this and here you have a beautiful serchbox for your blog.