11 octubre 2011

Caja seguidores blogger con efecto deslizante


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=&apos;barleft&apos;' onmouseover='this.className=&apos;barleftc&apos;'>

introducir código de google friend

</div>



!!! A disfrutarlo !!!

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

1 comentarios :

Hola, no habrá alguna otra forma de colocarlo, lo que pasa es que ya no se puede obtener el código de Google friend connect, Gracias ^^


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"