Ir arriba

"Buscar en Google" en tu Pagina web

Para ofrecerles a tus visitas una caja de busqueda google dentro de tu página web, Copia y pega el siguiente Codigo donde quieras que aparezca, en "Vista HTML" de tu editor.

<!-- Búsqueda Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Búsqueda Google -->


Donde Editar

1. En que Google Buscar: Si lo dejas como esta, buscará en Google.com (En cada país las busquedas son distintas), para cambiarlo por el que estimes conveniente cambia la parte de .com por el que desees.

Ej: <FORM method=GET action="http://www.google.cl/search">

Tambien cambialo en la linea que viene, para que al hacer clic en el logo, te mande al Google que elegiste.
<A HREF="http://www.google.cl/">

2. Fondo: Para cambiarlo busca el codigo hexadecimal del color que desees y cambialo por el blanco predeterminado (#FFFFFF) en "bgcolor".

Ej: <TABLE bgcolor="#000000"> ← Fondo Negro

3. El Logo: Si cambias el color de fondo por uno Negro, Obviamente el Logo blanco se vería mal.
Para Buscar otro logo Clic Aqui. Eliges el que quieras, haces clic y copias la direccion de la imagen y la cambias por la que aparece en esta parte del codigo:

<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"

Ej: <IMG SRC="http://www.google.es/logos/Logo_25blk.gif" ← Logo para fondo Negro

4. Largo del area de Texto: Si el ancho no te acomoda, puedes cambiar el "31" predeterminado, aqui:

<INPUT TYPE=text name=q size=31 maxlength


Busqueda sin el Logo de Google

Si no quieres que aparezca el Logo de Google porque no hay ninguno que convine con tu fondo, o simplemente no lo quieres. Usa este Codigo:

<!-- Búsqueda Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Búsqueda Google -->


Saludos!

4 comentarios:

Anónimo dijo...

Hola:
Quiero poner el buscador en un frame.
Que modificación tendria que hacer para que el resultado de la busqueda no salga en el mismo frame si no en una pagina nueva o mejor aún, en toda la pagina.-
No pienso usar el código, por ahora, en una pagina web, solo en una pagina de inicio que me hice.-
Saludos.-
luisc274@gmail.com

Unknown dijo...

oye como le puedo modificar el tamaño
al buscador pa' hacerlo mas pequeño

Anónimo dijo...

como hacemos para que a la hora que ejecutemos el google nos salga en otra pagina ?

Anónimo dijo...

hola en el primer codigo NO sale el logo al ejecutarlo!

Publicar un comentario

Gracias por visitar Creando Web, si tienes alguna duda, solo pregunta! ^^
- He activado la moderación de comentarios por el spam :)