Bot??n de acceso al blog en la barra de Google

  • mayo 31, 2010


Para empezar descargar el archivo que tenemos que modificar con nuestros propios datos para despu??s alojarlo a unservidor.

Descargar slashdot_button.xml

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


[b1.PNG]






<?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
AAAAQAIAKgOAAB2DgAAEBAA
AAEAIABoBAAAHh0AACAgAAABACAAqBA
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>








fuente: DeJoTaS Radio.



No Comments Found