Jueves, Mayo de 17 de 2012
   
TEXTO:

Estamos en Facebook

Share
24
Oct
2010

Buscador de Google en tu web

(3 votos, media 5.00 de 5)
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í:

  logo para el Buscador de Google

    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:

  crear nueva página en dreamweaver

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

  creopágina 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"):

  guardar como...

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

  alinear al centro

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

  crear tabla        medidas para la tabla

    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:

  colocar borde        color al borde

    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:

  insertar imagen

  aspecto de la página

    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

Votar Top

Sitios top de deseoaprender.com

El tiempo

Santander
24°C
Santander 24°C | Madrid 19°C | Barcelona 12°C | Sevilla 10°C | París 11°C | Londres 17°C | New York 21°C | Moscú 25°C
[Detalles]

Nuestras visitas

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterHoy829
mod_vvisit_counterAyer2102
mod_vvisit_counterEsta semana6403
mod_vvisit_counterÚltima semana12324
mod_vvisit_counterEste mes27935
mod_vvisit_counterÚltimo mes51916
mod_vvisit_counterTotal1596577

Tu IP:: 38.107.179.206
Hoy: 17 May, 2012

Otros manuales míos

cursos Pintura   cursos Dibujo   Word 2007   Excel 2007   Power Point 2007   Windows 7