03/07/2008
09:00
Tutorial
Tras una pregunta de Mau de Deptra sobre mi barra de búsqueda y la forma como muestro los resultados en el blog, vamos a ver la forma de realizarlo.Su implementación es muy sencilla y solo habrá que tener en cuenta un par de detalles.Esta barra de búsqueda se consigue a través de una cuenta Adsense, de ahí la publicidad que aparece en la hoja de resultados.
Si no tenemos cuenta de Adsense debemos registrarnos
Una vez registrados accedemos a la página de Adsense donde nos aparecen varias pestañas, ahí pulsamos Configuración de Adsense/Administrar anuncios. Nos aparecera AdSense para búsqueda ¡Mejorado!, lo seleccionamos.
Ahí deberemos elegir básicamente:
- Tipo de búsqueda. Si queremos buscar, como en mi caso, solo en mi blog o en cualquier parte de la red.
- Sitio seleccionado. Si hemos elegido en el apartado anterior Sólo los sitios que selecciono, deberemos introducir aquí la url de nuestro blog.
- En las demás opciones podemos seleccionar palabras claves de búsquedas, importante seleccionar correctamente el dominio de Google para el motor de búsqueda, en mi caso España. También el idioma, etc.
Pulsamos continuar y nos aparece la opción de elegir el formato del cuadro de búsqueda
Lo elegimos y pulsamos continuar, esta próxima pagina es la que nos permite seleccionar que aparezcan los resultados en nuestro blog, para ello seleccionamos Abrir los resultados en mi propio sitio [?] e introducimos la url de nuestro blog, también elegiremos el ancho, no permite un ancho menor a 795px, pero este problema es fácilmente solucionable retocando el script que nos dan, ahí veréis que aparece width= 795px, solo deberemos reducirlo al ancho deseado.
En esta página configuramos también el aspecto que tendrán los resultados mostrados, colores, bordes, background, etc.
Una vez realizado le damos a continuar y en la página mostrada le damos un nombre y pulsamos en Generar y conseguir código.
Copiamos el código y nos vamos a añadir un elemento html en nuestro blog.
Lo importante de este paso es colocar el script en el sitio adecuado, teniendo en cuenta que deberemos ajustar el ancho de los resultados (antes establecido en 795px) al ancho de nuestras entradas, de lo contrario no se verían bien. Yo he optado por colocarlo sobre las entradas y el resultado no me disgusta.
Te recomendamos también
+ Artículos relacionados de Tutorial
aun no me hago al nuevo sitema de comentario
ResponderSuprimirla verdad que me gustaba mas el de antes
compañero, tu eres de gusto antiguo, jajajajaja...por cierto revisa tu blog no hay manera de postear....
ResponderSuprimirSaludos compadre...
hola
ResponderSuprimirHola anonimo???
ResponderSuprimirMe ha costado, pero al final me he quedado con la idea.
ResponderSuprimirUn saludo.
Ojalá algun dia pudieras decirnos cómo se le hace para poner una imagen flotante, de esas que andan por todo el blog volando, son pequeñas.
ResponderSuprimirGracias
Gracias! :)... esta un poco largo el proceso de la busqueda, pero esta bien tenerlo en cuenta ahora que estoy haciendo un nuevo diseño a deptra (si, ja soy como tu, cambio el diseño a cada rato, ahora estoy optando por algo con mas colores y mas minimalista :P), espero poder implementarlo en las proximas semanas!
ResponderSuprimirAnonimo, mira AQUI, si tienes alguna duda , no dudes en preguntarme -)))
ResponderSuprimirMau minimalista y mas colores???...jajajajaja...a ver que te sale, seguro que me gustara -)))
ResponderSuprimirMuchas gracias, te agradezco mucho.
ResponderSuprimirPero hay otro código que no referencia a ningun enlace, y que también es para la imagen flotando, yo tengo uno que se podia poner en mi otro blog, pero en el nuevo blogger ya no se puede :(
Gracias de todas maneras.
Anonimo dejame le codigo y miramos porque no se puede -)))
ResponderSuprimirDe todas maneras si sustituyes donde pone URL DEL ENLACE por #, se quedara en tu pagina...
Je bueno mas bien la palabra era mas colorida pero creo que es minimalista en el sentido en que uso solo 3 colores (pero mas vivos que los que tengo ahora) y dichos colores como base para la mayoria de los elementos...en fin...ya lo veras :P
ResponderSuprimirLo acabo de probar en The Best.
ResponderSuprimirHe seguido tus instrucciones y funciona!!!!!!
Ahora tengo que acabar de pulirlo, pero la busqueda funciona perfectamente.
ups eso tengo yo que verlo con misojitos, jajaja...tu trasteando y te sale???...jajajaja
ResponderSuprimircomo se ponen los comentarios en la pagina principal?
ResponderSuprimir@ng3l mira AQUI
ResponderSuprimir