Casi todos tenemos el enlace a Twitter en nuestra sidebar, pero hay otra forma de añadirlo para que siempre esté visible, la idea es la misma de la imagen fija al final del blog. En esa imagen añadimos el efecto deslizante porque se trataba de un efecto pero al tratarse de un simple enlace la podemos añadir sin efecto fijándola en un punto en concreto.
En un gadget de HTML añadimos:
<div id="twitterfijo">
<a style="display:scroll;position:fixed;bottom:345px;right:0px;" href="url-twitter">
<img src="url-imagen"/></a>
</div>
Si en lugar de añadirlo en un gadget preferimos añadirlo a la plantilla, podemos hacerlo justo antes de:
<div id='main-wrapper'>
La altura la escogemos en bottom:345px y la anchura right:0px
Hay que intentar que la imagen quede pegada al blog y no sobre el blog, de lo contrario es posible que se "esconda" detrás de algún bloque que tengamos añadido.
Puede verse funcionando en este ejemplo.
Se puede añadir cualquier otra imagen y enlazar cualquier otro sitio que no sea Twitter.
En Todo Twitter podéis encontrar gran surtido de iconos y lo último en herramientas y utilidades para Twitter.
0 comentarios:
Publicar un comentario