Mostrar seguidores de Facebook deslizantes en Blogger!

Buenos días gente linda de PCzeros! Hoy les traigo una original y vistosa forma de mostrar tus seguidores de facebook en tu blog Blogger o página web en general!

Se trata de mostrarlos a la derecha de tu página, en una ventana corrediza que se ve sólo al pasar el mouse sobre ella por lo que no ocupa ningún lugar y queda muy vistosa...! (Puedes ver un ejemplo a la derecha de esta página → → )

Agregar este gadget no puede ser más sencillo! Sólo copia el código y pégalo en tu blog, cambiando la parte que dice pczeros por el nombre de tu página de facebook. En mi caso como la página de pczeros es http://www.facebook.com/pczeros yo sutituí esa frase por pczeros

<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:380px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; } </style> <!-- Primera pestaña --> <div id='flotante1'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs7ndweGjsEEaN3y8lnLOUHqjJ84t_UJVQ1sIIHXSBDqWke4IoEhdzSkdS16lk9M7uilEuOvlZw9bUrrc2Dv3cPxP6aktoa-5lMYNCuMGTEc2xXBaeMKcKXM_eIRLrZmQIaFeOEg0hxb4/' style='float:left;'/> <div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'> <span><div class='likeboxwrap'> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpczeros&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe> </div> </span></div> </div>

Si no sabes donde pegar el código pasate por este post.

Espero les guste y cualquier cosa consulten!