Se trata de un gadget que muestra una pestaña en el extremo izquierdo del blog, y al pasar el cursor sobre ella aparecen los seguidores con un efecto deslizante. Puedes verlo en el lado izquierdo de este mismo blog.
El gadget funciona con un script que es el que le da ese efecto deslizante, así que usaremos ese script, un poco de CSS y el código de la caja de seguidores.
El primer paso es conseguir el código de nuestros Seguidores en
Google friend connect
1.- Click en comenzar
2.- Correo electrónico y contraseña y acceder.
3.- Nombre blog, Url y continuar.
4.- Añadir el gadget de miembros
Añadimos una anchura de 280px y 5 filas de caras
Personalizamos con los colores escogidos y "generamos código"
Copiamos el código y guardamos.
Ahora nos vamos a
Diseño | Edición de HTML y antes de
]]></b:skin> pegamos el CSS:
/* Seguidores */
.barleft { background: url('http://i40.servimg.com/u/f40/13/20/23/83/seguid11.png');background-repeat: no-repeat; width:305px; height:310px; position:fixed; left:-293px; top:130px; padding:10px 0 10px 10px; z-index:1000;}
.barleftc { background: url('http://i40.servimg.com/u/f40/13/20/23/83/seguid10.png');background-repeat: no-repeat; width:305px; height:310px; position:fixed; left:0px; top:100px; padding:10px 0 10px 10px; z-index:1000;}
A continuación buscamos el código
</BODY> y justo encima colocamos este código, introduciendo el de google friend (que teníamos guardado) donde se indica.
<div class='barleft' onmouseout='this.className='barleft'' onmouseover='this.className='barleftc''>
introducir código de google friend
</div>
!!! A disfrutarlo !!!
Publicaciones Relacionadas
trucos blog
