Buscador Orinoco by Ciber Experto

Hola a todos los lectores me é tomado la libertad de crear un buscador muy bonito y completamente personalizable para ustedes que lo llamé “Orinoco”;se preguntarán porqué le puse ese nombre bueno le coloqué ese distintivo porque en mi país el río Orinoco es una reliquia y además uno de los ríos mas grandes del mundo y caudalosos,como ya antes habíamos visto Buscador Personalizado Ya era hora de actualizarlo.

Empecemos con la instalación.

Copia en un elemento JavaScript este código:

<div align="center">
<style>
#search-btn {
-moz-box-shadow: 0 0 2px #444444, 0 0 2px #444444;
background-color:#b3ca88;
border-right: 1px solid #b3ca88;
border-top: 2px solid #b3ca88;
border-bottom: 3px solid #b3ca88;
border-left: 5px solid #b3ca88;
color:#FFFFFF;
margin-left:-4px;
font:bold 17px Trebuchet MS;
-moz-border-radius: 0px 5px 5px 0px;
text-shadow: 2px 1px #000000;
border:1;
}
#search-btn:hover {
-moz-border-radius: 5px;
cursor:pointer;
background-color:#c9d8ad;
border-right: 5px solid #c9d8ad;
border-top: 5px solid #c9d8ad;
border-bottom: 9px solid #c9d8ad;
border-left: 5px solid #c9d8ad;
font:bold 19px Trebuchet MS;
}
#search-box {
background-color:#dde3d4;
color:#444444;
margin:0;
font:bold 14px Trebuchet MS;
-moz-border-radius: 5px 0px 0px 5px;
-moz-box-shadow: 0 0 2px #444444, 0 0 2px #444444;
border: 5px solid #dde3d4;
width:201px
}
</style>
<br />
<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="search-box" name="q" placeholder="Escribe lo que buscas aquí" title="Escribe lo que buscas aquí" type="text" />
<input id="search-btn" title="GO!" type="submit" value="GO!" />
</form>
</div>

Se verá así de igual que en este blog de pruebas

Ojo en la entrada Buscador Personalizado se mostrará igual que aquí en el sitio pero es una versión antigua si lo pruebas veras que es uno diferente.