Fans Box Facebook flotante y deslizante

¡Saludos Amig@s Virtuales!

Algun@s amig@s me han pedido que explique como inserte el Fans Box de nuestro facebook flotante y deslizante.

Pues no es muy dificil si se tiene los códigos necesario y se sigue los siguientes pasos:

• Vamos a la pestaña Diseño.
• Elegimos la opción Edición de HTML.
• Activar el buscador de código digitando la combinación de teclas: Ctrl + F.
• En la casilla Encontrar:, digitamos </head>.
• Justo antes de la etiqueta </head>, digitamos el siguiente código:

<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>

• Buscamos el código ]]></b:skin>
• Justo antes de  ]]></b:skin>, pegamos el siguiente código:

.slide_likebox { float:right; width:288px; height:345px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVt81cHg60-bXPb38CxmrW_Yh5REq3Bf5PXSCukuAzcmzZRLAp-pWcm8zLXARDypi7ek3QPJZl3xKoyvNbV5B1U6Ed4VUQfOZBncwdp4czmvcOk-YQ4vAYuxcIOiWBlwborR_JhCUa9-4/) 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}

• Guardamos los cambios a la plantilla.
• Vamos nuevamente a Diseño.
• En Elementos de la Página, cliqueamos Añadir gadget.
• Elejir el gadget THML/Javascript.
• El título es opcional.
• Dentro del gadget copia y pega el siguiente código:

<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%2FURLde la pagina de 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>

• Finalmente cambia URLde la pagina de facebook por la URL de tu facebook.
• A disfrutar de tu Fans Box Facebook en tu Blog.

Si te ha servido este artículo, deja tus comentarios.. 

¡Un Abrazo!