Blogger9:- Now Add green css search box in blogger blog.

Hi now add this cool green css search box in blogger blog easily.

Follow simple giving easy step to adding this box in blogger blog---->>>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Find this code ]] by CTRL+F key.

* Copy below code and paste before ]]

.search input {
float: left;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9FB6jTl9B2am80tFLsKNyzEBfFGZ8WHZIC4zimJ68d1YXthf1t1yXtaK6up-dH5ecfN7RiH7ZklOSlJShYlBzxBMemttlLIAGbGs3JmFN0N-98qDNW7I7sVx34vIygU1x7XSo6S9UVkU/s1600/search-input.png) no-repeat;
border: none;
padding: 6px;
width: 215px;
color:#000066;
font-size: 11px;
color:#fff;
}
.search button {
float: left;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDX9vJnC5c1UcWHdr0dzivIDtuiG8a1nSi2HNDClkEi5l2Ee2HltAN8khB4IAHSpnbUXzv6nqlkngL1fVhot6Pv_rfHNHrJPQpAS_oLNRgxF6d3WlY1xB0zrfrWrr4GhvjEfkvEOUWJ4o/s1600/search-button.png) no-repeat;
width: 73px;
height: 25px;
border: none;
cursor: pointer;
color:#fff;
vertical-align: middle;
padding: 2px 17px 5px 0px;
font: bold 11px/11px "Trebuchet MS", sans-serif;
}

* Now save your blogger template.

* Again go to your blogger template and click in  design tab.

* now you are here --->>>> Page element.

* Click in add gadget which is in sidebar.

* When open new window click in HTML/Javascript.

* Now when open blank box copy below code and paste in blank box.

* Now click to save your HTML/javascript and you are now done.