Como crear un icono o botón para que enlazen tu blog

Si queremos crear un icono o botón para que puedan enlazar nuestro blog de blogger, deberemos hacer lo siguiente:


1) Vamos a esta página: lucazappa.com

2) Nos encontraremos con la siguiente pantalla:

3) Aquí crearemos un icono como el de arriba dividio en dos partes. En el bloque de arriba vemos que pone "pixels from the... (0 to 80)" Si ponemos el valor 40, el icono que creemos estará igualado, es decir, left box y right box tendrán el mismo tamaño.

4) Modificar los valores a nuestro gusto y cuando esté listo le damos a create para ver el resultado final. Una vez finalizado le damos a save it! (a la derecha del logo creado). Nos aparecerá una ventana para guardarlo en nuestro PC. Si queremos podremos subirlo a imageshack.us directamente clicando en el enlace host to imageshack. Nos guardamos el link.

5) Ahora sólo queda crear una ventana o gadget para poder añadir un código HTML para que lo copien nuestros lectores y nos enlacen. Para ello hacemos lo siguiente: Vamos a Diseño -> Elementos de página -> Añadir un gadget -> HTML/Javascript.

6) Pegaremos el siguiente código:

<center><div class="widget-content">

<a href="http://www.TUBLOG.com/" target="_blank"><img width="80" alt="TU TEXTO" src="http://LINKDETUICONO.png" height="15"/></a>

<br/>

<textarea><a href="http://www.TUBLOG.com/" target="_blank"><br/><img width="80" alt="TU TEXTO" src="http://LINKDETUICONO.png" height="15"/></a></textarea></div>
</center>

Nota: Si te fijas en este código, al principio y al final poner "center". Es para que quede centrado este gadget. A mitad de código nos encontramos con br, es para crear un espacio. Se puede eliminar si se desea.

Pones tus datos y ya está listo.