Crea un Botón de tu blog para la Barra de Google

Puedes darles a tus lectores la posibilidad de añadir un botón de tu blog en la barra de Google así pueden tener acceso directo o realizar búsquedas en tu blog.

Para empezar descargar el archivo que tenemos que modificar con nuestros propios datos para después alojarlo a un servidor.

Descargar slashdot_button.xml

Acá mostraré de que se trata el archivo slashdot_button.xml y que modificar.

<?xml version="1.0" encoding="UTF-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>¿Cómo se Hace...?</title>
<feed>http://loseasi.blogspot.com/feeds/posts/default?alt=rss</feed>
<description>¿Cómo se Hace...?</description>
<search charset="UTF-8">http://loseasi.blogspot.com/search?q={query}</search>
<site>http://loseasi.blogspot.com/</site>
<icon mode="base64" type="image/x-icon">
AAABAAYAEBAAAAEACABoBQAAZgAAACAgAAABAAgAqAgAAM4FAAAwM
AAAAQAIAKgOAAB2DgAAEBAAAAEAIABoBAAAHh0AACAgAAABACAAqBA
AAIYhAAAwMAAAAQAgAKglAAAuMgAAKAAAABAAAAAgAAAA
AQAIAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAGpti/8JGaf/ChvA/wkbsv8GEYH/BxFm/0BFcf9JTGv/BQ+B/w0fvf8ZLdL/Gymx//Dw8P/Nzc7/LTm9/1xp6P8RIsb/CBmr/wobs/9cYpT/gIOc/wgW
mf8ZJ8X/ZnHh/3t/qP+8vcL/cXWo/2htpf8wPLf/TVTI/8TEyP/r6+v/g4ap/2lupv/HyMv/v728......................mucho mas...........................................AAAAAAAA==
</icon>
</button>
</custombuttons>

Todo lo que esta en rojo hay que cambiarlos por sus datos e imagen.

Para que se entienda que son cada una.

Entre las etiquetas <title></title> ahí va el titulo del blog.

Entre las etiquetas <feed></feed> ahí va la URL Feed del blog.

Esto es para que salgan en el botón las ultimas entradas y así poder ver las actualizaciones del blog.(En lo personal no lo utilizo.)

Entre las etiquetas <description></description> ahí va la descripción que mostraremos al colocar el puntero del ratón encima del botón.

Entre las etiquetas <search></search> ahí va la URL del blog seguido de /search?q={query} para el buscador.

Entre las etiquetas <site></site> ahí va la URL del blog.

Entre las etiquetas <icon></icon> ahí va imagen que se mostrara en el botón.

Como verán la imagen lleva una codificación base64 (texto plano). (esta codificación también se utiliza en diseño web para que no se puedan robar las imágenes.)

Pueden ser imágenes BMP, ICO, GIF y JPEG de 16 x 16 (si es mas grande no importa); tan sólo deberás codificarlas en texto ASCII mediante base64. (página online para hacerlo.)
Solo subirla donde dice "examinar" y apretar en "Convert the source data" luego copiar y pegar el código generado.

Se modifica abriendo el archivo slashdot_button.xml con un editor que puede ser el bloc de notas.

Guardar los cambios.

Después de hacerle sus propias modificaciones ya hay que alojarlo al servidor.

Ahora solo queda crear un enlace para poder añadir el botón con tan sólo un clic.

Cómo enlazar tu sitio a tu botón:

http://toolbar.google.com/buttons/add?url=url

Donde url señala el archivo XML del botón personalizado.

Ejemplo:

<a href="http://toolbar.google.com/buttons/add?url=http://página del olojamiento/slashdot_button.xml">Añadir botón</a>

Este es solo un ejemplo ustedes pueden crear otro tipo de enlaces como un botón, etc...


Dedicado a Rosa del Escaparate.

Y no se olviden de visitar DeJoTaS Radio.