Incorporar
buscador de Google a tu sitio web |
Escrito por [D]aRk |
|
Publicado: |
30/01/2006 |
|
|
|
Actualizado: |
30/01/2006 |
|
|
|
Algo que interesa mucho a
los webmasters, es que los usuarios puedan buscar en su página
web, para ello tenemos a Google, el cual nos ofrece la posibilidad
de incorporar estas búsquedas
Podemos hacerlo de dos maneras distintas,
la 1º es el método simple, y la 2º es el
método personalizado, útil para webs que necesiten
personalizar colors etc.
La 1º es incluir el siguiente código
html en la web, he marcado el código en color azul:
<!--
SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<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"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Buscar en sitio">
<font size=-1>
<input type=hidden name=domains value="TU NOMBRE DE
DOMINIO "><br><input type=radio name=sitesearch
value=""> WWW <input type=radio name=sitesearch
value="TU NOMBRE DE DOMINIO" checked> TU NOMBRE
DE DOMINIO<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->
Cambiamos la palabra Tu nombre de dominio, por el nombre de
dominio de nuestra web, como por ejemplo, ayuda-internet.net,
y lo ponemos en nuestra página.
Ejemplo
de este buscador: buscador.html
La 2º otra opción es usar en Google
personalizado, esto es, en vez de usar el esquema de colores
de google para las búsquedas, usar nuestro propio esquema
de colores, nuestro logo, etc
Para
ello vamos a http://www.google.com/services/free.html
y picamos sobre Customize google for your site
En la primera pagina, tenemos la opcion de
ofrecer a la vez búsquedas en google y en nuestra web,
o solamente en nuestra web, si marcamos la segunda opción
Customize Google Free Websearch. Presionamos en Continue
Ahora, en Enter Domain, ponemos el dominio
de nuestra web, como ayuda-internet.net
En URL location of your logo, ponemos la URL directa al .gif
o .jpg del logo de nuestra página
Alignmen of your logo, Center es para que el logo se situe
en el centro, y left para que se situe en la izquierda
Lo siguiente es seleccionar los colores, en
inglés por supuesto (Yellow es amarillo, Red es rojo,
Cyan es azul claro, etc etc etc)
Text se refiere al color normal. Link al color
de los hipervínculos, Visited links es para los vínculos
que ya han sido visitados, etc etc.
Background url es para poner un .gif o .jpg como imagen de
fondo
Podemos probar cualquier combinación,
en cualquier momento presionando sobre Preview podemos ver
que tal va nuestra selección de colores etc
Dándole a continue, le damos a rellenar
los datos, esto es, para en el futuro, poder personalizar
nuevamente este diseño. Una vez dado de nuevo a continue,
se nos mostrará el código html para poner en
nuestra web, el cual copiamos y ponemos en nuestro html.
Ejemplo
de este buscador: google.html
Espero que os sea de ayuda
Atentamente,
[D]aRk
|