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 for a Trapezoid/Trapezium

May 22, 2021-Sir Chogyal

CSS for a Rectangle

May 22, 2021-Sir Chogyal

CSS For Bold and Italic texts

May 14, 2021-Sir Chogyal

Write texts on an image in html

May 12, 2021-Sir Chogyal

Hover & Hover Link in HTML

May 10, 2021-Sir Chogyal

CSS for an Oval Shape

May 07, 2021-Sir Chogyal

« PREV

NEXT »