Bloggers en Taringa!

Comunidad hecha para todos los usuarios que tienen blogs . Para compartir nuestros blogs , hacer preguntas y tutoriales para mejorar nuestros blogs . No te olvides de seguirnos.

1,378 Miembros
1,204 Temas
381 Seguidores

[Aporte] Fanbox de Facebook deslizante

Hola comuuu!!

Tiempo sin postear!

Varios usuarios me han preguntado sobre el artilugio de mi blog que contiene el fanbox de Facebook.

Se llama Facebook Slide Fanbox y lo instalé gracias a Ciudad Blogger (:

INSTALACION

Ingresamos a Edición HTML de nuestra plantilla y antes de </head> pegamos el siguiente script.




<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">

jQuery.noConflict();

jQuery(function (){

jQuery(".slide_likebox").hover(function(){

jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");

},function(){

jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");

},500);

return false;

});

</script>

Ahora antes de ]]></b:skin> pegamos los estilos


.slide_likebox {

float:right;

width:288px;

height:345px;

background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important;

display:block;

right:-250px;

padding:0;

position:fixed;

top: 130px;

z-index:1002;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}

div.likeboxwrap {

margin-top:2px;

margin-left:-5px;

width:238px;

height:325px;

background-color:#fff;

overflow:hidden;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}

div.likeboxwrap iframe {margin:-1px}

Para finalizar, desde Diseño, añadimos un nuevo gadget HTML/Javascript




<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOMBRE-PAGINA-FACEBOOK&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>

Reemplazar NOMBRE-PAGINA-FACEBOOK por el username de su Facebook page.

Ej: facebook.com/sanchezenzo (sin facebook.com/)

Es un gadget muy recomendable, nos ahorra espacio, tiene muy bien diseño y se desliza muy bien por el blog