Tutorial para crear un botón para la Barra de Google de búsquedas y feeds

Si tienes instalada la barra de Google en tu navegador tendrás la ventaja de por ejemplo ver el PageRank de la página que visites y de añadir tus botones personalizados para hacer búsquedas en sitios concretos o estar informado de las últimas noticias de algún sitio con feed.

Además de los que ya trae, todos podemos crear nuestros propios botones y compartirlos con los demás en la Galería de botones de Google. Yo encuentro útil tener mi propio botón para buscar en este blog una de las más 1400 entradas y así me ahorro el tener que entrar en él, bien sea desde el panel de administración o desde el frontend, todo lo hago con un solo clic mucho más rápido desde la Barra de Google.

He creado varios botones que podéis añadir a vuestra barra de Google:

toolbar google Tutorial para crear un botón para la Barra de Google de búsquedas y feeds

  1. pqpq.es: Este botón te permitirá estar al día de las nuevas dicotomías de www.pqpq.es y de realizar una búsqueda directa en él.
  2. pqpq.es | Diseño : Este botón te permitirá estar al día de las nuevas dicotomías de www.pqpq.es pero sólo las que correspondan a la categoría de Diseño y de realizar una búsqueda directa en él.
  3. pqpq.es | Comentarios: Este botón te permitirá estar al día de los últimos comentarios que se hagan en www.pqpq.es y de realizar una búsqueda directa en él.
  4. ceslava.com: Un botón que te dará acceso directo a las últimas noticias publicadas en este blog y la posibilidad de hacer búsquedas directas en él.

Para crear un botón de búsqueda puedes sencillamente hacer clic con el botón derecho en cualquier campo de formulario de un sitio web y pulsando en “Generar búsqueda personalizada…” del menú contextual.

busqueda Tutorial para crear un botón para la Barra de Google de búsquedas y feeds

Pero para crear desde cero tus propios botones sigue estas instrucciones:

  1. Para empezar tienes 2 opciones, crear un botón cualquiera y luego personalizarlo o empezar creando el xml y luego instalarlo. En ambos casos debes editar el xml creado.
  2. El archivo xml del botón para este blog tiene esta estructura:
    < ?xml version="1.0" encoding="utf-8"?>


  3. Las etiquetas title, description, feed y site hablan por sí solas. Sustituye el título, la descripción y la URL de tu sitio y de tu feed.
  4. Para configurar la búsqueda prueba a hacer una búsqueda en tu sitio y fíjate en la URL a la que eres redireccionado. Debes copiarla y sustituir a partir del término de búsqueda por:
    {query}&amp;
  5. En la etiqueta icon debes poner la conversión a texto ASCII en base64 de tu icono o favicon. Puedes utilizar un ICO, GIF, BMP o JPEG y en esta web hacer dicha conversión.
  6. Una vez creado el xml para instalarlo debes insertar en la barra de direcciones de tu navegador:
    http://toolbar.google.com/buttons/add?url=ruta completa de tu archivo xml
    La ruta puede ser local de tu equipo o si tienes un hosting subirlo y así poder compartirlo.
  7. Por último deciros que para compartirlo debéis tenerlo alojado vosotros y añadir un enlace como se explica en el paso 6. Si además queréis añadirlo a la Galería de botones de Google no tenéis más que rellenar este formulario.

Aquí tenéis toda la documentación de la API

Danos tu opinión:

# Cursos v2b | Demo

Todos los cursos de video2brain por 189€.
  • Proyectos de vídeo en Adobe Photoshop



  • Adobe Photoshop ahora también se atreve con el vídeo. Atrévete tú también, conociendo todos los elementos del área del trabajo y las herramientas de creación y edición.

    15.98 EUR
  • Montaje con Adobe Photoshop CS4: Entrada en el desierto
  • Workshop creativo: así se hace



    Comprueba cómo se hizo este espectacular montaje con Adobe Photoshop CS4 y aprende los secretos de esta potentísima herramienta. Fíjate en nuestro experto formador, realiza tú mismo el montaje y deja volar tu creatividad.

    21.08 EUR
Tuiteemos | Contactar | Los famosos cursos de video2brain con un 15% de descuento | Fundación Tripartita | pqpq.es | subir | Suscribirse al feed de ceslava.com | ©