Edit in JSFiddle


              
<style> #wc-searchblack1 { background: #222222; border-radius:10px; width:290px; } #wc-searchblackbox1 { padding:10px; } #wc-searchblacksubmit1 { border:1px solid #222222; background: #dc4523; padding:5px; color:#ffffff; font:14px verdana; } #wc-searchblackinput1 { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #ffffff; background:#ffffff; padding:5px; color:#888888; font:14px verdana; } </style> <div id='wc-searchblack1'> <form expr:action='data:blog.homepageUrl + "search/"' method='get' id="wc-searchblackbox1"> <input name='search' id='wc-searchblackinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='wc-searchblacksubmit1' type='submit' value='Search'/> </form> </div> - See more at: http://chenkho.blogspot.com/2014/03/stylish-search-blogger.html#sthash.YYyPuMa2.dpuf