Están marcados en el círculo rojo |
Con este truco se podrá visualizar en el lateral derecho (o izquierdo) de la página, justo al lado de la barra de scroll, 4 botones sociales: Facebook, Twitter, aNobii y Netvibes. Así es fácil ahorrar espacio en la sidebar, por ejemplo, al tenerlos fuera de ella.
- Ubicación: gadget java.
- Proceso:
Copiar simplemente el código en el java (HTML):
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:400px; right:-12px;'>
<a class='linkopacity' href='http://www.facebook.com/URL PÁGINA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Sígueme en Facebook'><img border="0" src="https://lh6.googleusercontent.com/-6VPz6xF95ZQ/UELFb0j43wI/AAAAAAAABSs/MA5p8-bIhus/s32/LogoFB.png" /></a><br />
<a class='linkopacity' href='http://www.twitter.com/NOMBRE USUARIO' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Sígueme en Twitter'><img border="0" src="https://lh3.googleusercontent.com/-miBU5Dxktzc/UELFbwmVaDI/AAAAAAAABSo/JsgPXqJ7teY/s32/LogoTwitter.png" /></a><br />
<a class='linkopacity' href='http://www.anobii.com/NOMBRE USUARIO' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Visita mi estantería'><img border="0" src="https://lh3.googleusercontent.com/-7CgYrDyuNlU/UDu6UZ2OBHI/AAAAAAAAA_U/bKo4fV5NRvA/s32/anobi.png" /></a><br />
<a class='linkopacity' href='http://www.netvibes.com/NOMBRE USUARIO' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Curiosea por mi escritorio'><img border="0" src="https://lh6.googleusercontent.com/-UxbLGOeK9g4/UDrtxVJWupI/AAAAAAAAA-M/zYHX7k9sBrI/s32/netvibess.png" /></a><br /></div>
Las imágenes de los iconitos pueden cambiarse por otras redes sociales (Tuenti, Godreads...) o incluso poner los feeds o rss. Para ello basta con buscar los iconitos deseados con el mismo tamaño y sustituirlos por los que figuran en cada caso. Hay que poner los nombres y/o urls de las páginas en donde se especifica "URL PÁGINA" para Facebook, y "NOMBRE USUARIO" para los demás. Y listo.