Cuadros de busqueda de google personalizados

De vez en cuando no conformes con el buscador de google que nos ofrece blogger, preferimos colocar un buscador de google personalizado como los ejemplos siguientes:

Este primer buscador es sencillamente básico:

<form method="get" action="http://blogsearch.google.com/blogsearch">
<input type="text" name="as_q" size="26" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;"/>
<input type="hidden" name="bl_url" value="http://blog2000.blogspot.com/" />
<input type="submit" value="Buscar" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;"/>
</form>

Si deseas le puedes colocar dentro del botón un icono de fondo, solo reemplaza lo que esta en rojo por esto:
background-image: url(Url-de-tu-icono);
Así quedaría:

Recuerda cambiarle la dirección de mi blog por el tuyo.

---

Este es igual que el anterior, la diferencia es el texto en el recuadro:

<form method="get" action="http://blogsearch.google.com/blogsearch">
<input type="text" name="as_q" value="Escribe tu consulta..." onfocus="if(this.value=='Escribe tu consulta...')this.value=''" size="26" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;"/>
<input type="hidden" name="bl_url" value="http://blog2000.blogspot.com/" />
<input type="submit" value="Buscar" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;"/>
</form>

---

Ahora este buscador cuenta con color de fondo y bordes alrededor:

Blog 2000

<table bordercolordark="#CFCFCF" bordercolorlight="#CFCFCF" border="1"><th bgcolor="#FFFFFF">
<font face="Arial" size="3" color="#000000">Blog 2000</font>
<hr>
<form method="get" action="http://blogsearch.google.com/blogsearch">
<input type="text" name="as_q" value="Escribe tu consulta..." onfocus="if(this.value=='Escribe tu consulta...')this.value=''" size="26" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;"/><input type="hidden" name="bl_url" value="http://blog2000.blogspot.com/" /><input type="submit" value="Buscar" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF;font-family:Arial;"/>
</form>
</th></table>

Los anteriores buscadores de ejemplo, solo buscan las entradas de tu blog, pero tambien puedes buscar en:
Google:
http://www.google.com/custom
o
http://www.google.com/search

Solo cambia: http://blogsearch.google.com/blogsearch por una de las dos opciones anteriores.

---

Y por ultimo te dejo este buscador que tiene todo incluido solo que ahora cuenta con dos opciones para buscar en google o en tu blog:

En googleEn el blog

<table bordercolordark="#CFCFCF" bordercolorlight="#CFCFCF" border="1"><th bgcolor="#FFFFFF">
<form method=get action="http://www.google.com/search">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMYSvkIanCNxnHtDz27o1B5nHE9S5YC9bR5MSzDyMhUKpVg1Xc-H8GWdV6H3oL2O5RRW2RvUZol4sDg1FlvYZgo5NWjPLjaF2WpWkkgRbQMkOCxpJnYWYqphKsGnf7h8pMHQGLqxGo_A/s400/Google+logo.gif" align="absmiddle"/>
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<input type=text name=q value="Escribe tu consulta..." onfocus="if(this.value=='Escribe tu consulta...')this.value=''" size=26 maxlength=255 value="" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;"><input type=submit name=btnG value="Buscar" style="background-color: #F0F0F0; color: #000000; border:2px solid #CFCFCF; font-family:Arial;">
<font face="Arial" size="2" color="#000000">
<input type=hidden name=domains value="http://blog2000.blogspot.com/"><br><input type=radio name=sitesearch value="">En google<input type=radio name=sitesearch value="http://blog2000.blogspot.com/" checked>En el blog<br></form>
</font>
</th></table>