Tutorial: cómo añadir cuadro de búsqueda a blogger


Buscando respuesta es una sección que tiene como objetivo ir mostrado de vez en cuando dudas que puedan surgir sobre la literatura o el blog en general.



El widget de búsqueda de blogger para encontrar resultados en nuestros blogs ha dejado de funcionar para muchos blogs. Es por ello que la hora de buscar una alternativa a ello ha llegado.

En este tutorial quiero explicar como añadir un buscador al blog y que funcione igual que el que se tenía con el widget.

Primeramente tenemos que ir a la página web de 'Herramientas para webmasters' y logearnos con nuestra cuenta de gmail. Os aparecerá algo como se ve a continuación




Aquí tenemos que pinchar sobre nuestro blog y luego sobre la pestaña "Labs" y sobre el menú que se despliega elegir "Motores de búsqueda personalizados".
Pinchad sobre he leído y acepto las condiciones y a guardar este motor de busqueda.



Una vez guardado el motor de búsqueda se te abrirá una página en la misma pesteña con la "configuración básica". Ahí no hace falta modificar nada al menos que quieras.

Después está la pestaña Apariencia. Ahí tenemos que marcar "Dos columnas" y después elegir el tipo de cuadro de búsqueda que quieras y sus colores.



Le damos a guardar cambios y vamos a la pestaña "Código"



Vemos que hay dos recuadros.
Copiamos todo lo que hay en el primero que pone "Pega este código en la página en la que quieras que aparezca el cuadro de búsqueda." y lo pegamos en widget que tengamos en el blog de "HTML/JAVASCRIPT".


Le damos a guardar y ya tenemos lo que es la interfaz de la caja de búsqueda tal y como se ha configurado (colores etc).




Ahora solo falta copiar el código del segundo recuadro que pone "este código en la página en la que quieras que aparezcan los resultados de búsqueda." y se pega en cualquier widget en el que quieras que aparezca los resultados. En mi caso he aprovechado el widget que tengo con el menú horizontal y lo he pegado allí.



Y voilá! Con esto ya volvemos a tener un buscador!
Espero que os haya sido de ayuda..

6 comentarios:

  1. Yo creo que mi buscador funciona...ya me has dejado en duda...jaja, pero gracias por el tutorial wapa :)

    1 besoteee ^^

    ResponderEliminar
  2. Muy buen tutorial. Mañana lo miraré tranquilamente para hacerlo. Gracias por tomarte las molestias de explicarlo paso a paso.
    Un beso.

    ResponderEliminar
  3. Gracias neni, ya lo he instalado :D
    Besoss.

    ResponderEliminar
  4. Muchas gracias por ponerlo guapa, que yo llevo unas semanas tirándome de los pelos por culpa de esto :D

    Un beso!

    ResponderEliminar
  5. Gracias por el tutorial! Ya puse el buscador en el blog...Una pregunta ¿como le haces para que quede como el tuyo..es decir junto con la cabecera? ¿me puedes contestar en mi blog? no importa en cual
    Gracias!
    Besos!

    ResponderEliminar
  6. Genial genial genial, me ha llevado mi ratito pero siguiendo paso a paso, ya tengo mi motor de búsqueda!
    Si te apetece hacer ejercicio en casa....ya puedes encontrar lo que busques en mi blog gracias a ti!
    Leti
    Sin pereza

    ResponderEliminar

Este blog no sería lo mismo sin tus comentarios :-)

¡Anímate a participar!