Nombre del efecto de Facebook Box en Blogger

  • Autor Autor pedro salinas
  • Fecha de inicio Fecha de inicio
pedro salinas

pedro salinas

Pi
Verificado
Verificación en dos pasos activada
Hola amigos no sabia que nombre ponerle al titulo pero para que sepan en que consiste mi inquietud les muestro la url:

Enlace eliminado

En ese sitio al pasar el cursor por el facebook este aparece de derecha a izquierda... se entiende no :welcoming:


¿ Como se llama o hace ese efecto ? en blogger claro. Me parecio interesante xq sirve para ahorrar espacio en la sidebar y justo tengo ideas de que otras cosas podria meter ahy :devilish:
 
Esto es lo mas aprecido que pude encontrar en google 😀:

Lo primero es entrar en Diseño | Edición de HTML y antes de </head> pega el script:
Insertar CODE, HTML o PHP:
<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> agrega los estilos:

Insertar CODE, HTML o PHP:
.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}
Por último entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript y ahí pega esto:

Insertar CODE, HTML o PHP:
<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-de-tu-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>

Ese código contiene el Fanbox, así que cambia donde se indica el "nombre de tu página". en el codigo anterior.

Fuente: Ciudad Blogger
 
Esta GENIAL este efecto

pd: aproveche y denuncie el sitio porque usa adsense jeje
 
Muchas gracias, no tenia ni idea de que se llamaba asi, ahora mismo procedo a aplicarlo en mis webs :devilish:
 
Que gran aporte! me interesa implementar eso en mi blog ( aunque tengo 4 fans locos :ambivalence: )

tengo una pregunta: ¿ creen que en-lentezca mi blog ? es que esta medio lento ya y eso que no tiene mucho gadjet ( no se como se escribe "artefacto" en ingles 😛 )
 
mortixx: Enlace eliminado Ahi está la extensión del facebook slide likebox para joomla.
Saludos
 
Última edición:
Denada :wink:
 
Se agradece el aporte, me vino al pelo.
 
ya esta "corriendo" en mi blog 😀 muchas gracias gente!
 
Hola amigos yo lo que nesecito es que al entrar en mi blog me salga un popup de like de facebook con la opcion de cerrar alguien que me diga como plis de ante mano muchas gracias amigos
 
Atrás
Arriba