Estamos en Facebook
Share
Herramientas
Buscador de Google en tu web
Buscador de Google en tu web
| Indice del artículo |
|---|
| Buscador de Google en tu web |
| crear buscador de google |
| obtener codigo html |
| colocar buscador en la web |
| Todas las páginas |
OFRECE BÚSQUEDAS EN TODO TU SITIO WEB
Una facilidad que agradecerán tus visitantes es el ofrecerles un buscador que les permita encontrar cualquier tema que hayas publicado en tu web, de tal forma que con sólo teclear el tema que buscan, les aparecerán todos los resultados en la página que tú configures. Una herramienta ideal para ello es el buscador de Google que podrás colocar fácilmente en tu sitio web si sigues los pasos que te indico a lo largo de este manual.
NOTAS PREVIAS:
1. Deberás disponer de una cuenta en Google Adsense para poder disfrutar de esta útil herramienta.
2. Además, sería bueno que manejes Dreamweaver u otro programa de creación de páginas web estáticas (FrontPage, por ejemplo).
3. Trabajaremos también de forma muy sencilla en Adobe Photoshop (aunque lo puedes hacer con otro programa similar).
LOS PASOS QUE VAMOS A SEGUIR:
a). Crearemos un logo para colocar en la cabecera de una página web.
b). Crearemos una página estática (.html) que será la que muestre los resultados del buscador.
c). Crearemos el buscador en Google Adsense
d). Finalmente, colocamos el buscador en nuestra web Joomla 1.5
Hechas estas aclaraciones, veamos la forma tan sencilla de colocar nuestro Buscador Google en Joomla 1.5 de tal manera que tus usuarios encuentren cualquier cosa que hayas publicado; vamos a comenzar por crear un logo que irá en la cabecera de la página. Lo ideal sería que este fuese idéntico al que uses en tu web Joomla, así que úsalo. Pero si no sabes cómo hacerlo puedes crearlo mediante Adobe Photoshop.
CREO UN LOGO PARA LA PÁGINA DE RESULTADOS
En el ejemplo, creo uno de medidas 1024 x 70 px. (ya que pretendo crear una página de resultados, que tendrá precisamente 1024 px. de ancho, como veremos), sin más que abrir Photoshop y crear una nueva imagen con dichas medidas y fondo transparente. Luego mediante la herramienta "degradado" se lo aplico con dos tonos verdes, y finalmente escribo un texto dentro (ten en cuenta que se trata de un ejemplo; tú debes crearlo a tu gusto). Quedará algo así:

Procedo a guardarlo, para poder usarlo más adelante. Lo ideal como te dije arriba, es que sea idéntico al que uses como cabecera en tu web Joomla 1.5 así que no te será difícil conseguirlo.
CREO LA PÁGINA ESTÁTICA CON DREAMWEAVER
Para ello abro la aplicación y procedo a crear una nueva página:

Le indico que sea una página en blanco HTML:

La página debe tener un nombre, así que procedo a "Guardar como..." y se lo doy (en el ejemplo la titulo "buscador.html"):

Me sitúo dentro de ella haciendo un clic y le indico que se alinee al centro:

Ahora creo una tabla de 1024 px. ¿recuerdas cuando creé el logo?, es sencillo:

Debajo de la tabla creada, voy a crear otra de iguales medidas, pero en esta ocasión le coloco un borde de 1 px azul:

Dentro de este espacio será donde Google mostrará el resultado de la búsqueda de un usuario. Finalmente, coloco el logo en la primera tabla:


Acabo creando dentro de la segunda tabla (y en el centro) otra con un 99% para que quede un pequeño margen entre los resultados y el borde azul (imagen de arriba). Guardo la página de momento --más adelante habrá que volver a ella--.
¿Te gusta?, vótanos
El tiempo
| [Detalles] |
| Hora del informe | 08:30 |
| Estado | --- |
| Viento helado | 22°C |
| Punto de rocío | 5°C |
| Dirección del viento | 200SSO |
| Viento variable | 170°/240° |
| Velocidad del viento | 8.7m/s |
| Ráfagas de viento | 14.4m/s |
| Visibilidad | 10 km |
| Presión | 1006hPa |
| Humedad | 29.2% |
| Índice de humedad | 23.3°C |
| Índice de calor | 25°C |
| Precipitación | --- |
| Nieve | --- |
Nuestras visitas







![]() | Hoy | 829 |
![]() | Ayer | 2102 |
![]() | Esta semana | 6403 |
![]() | Última semana | 12324 |
![]() | Este mes | 27935 |
![]() | Último mes | 51916 |
![]() | Total | 1596577 |
Hoy: 17 May, 2012






