Code For A Blogger's Search Bar

<style> #whole-search-bar { padding:10px; text-align: center; } #search-input { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #34ebc0; background:#ffffff; padding:5px; color:#888888; font:14px verdana; width: 78%; } #submit-button { border:1px solid #111111; background: #111111; padding:5px; color:#ffffff; font:14px verdana; } </style> <form action='/search/max-results=8' method='get' id="whole-search-bar"> <input name='q' id='search-input' onblur='if (this.value == "") {this.value = "You can search here...";}' onfocus='if (this.value == "You can search here...") {this.value = ""}' type='text' value='You can search here...'/> <input id='submit-button' type='submit' value='Search'/> </form>

Result: _⮯

You Might Also Like

CSS

« PREV

NEXT »