04 noviembre 2014

Seguidores de Facebook en pop-ups

seguidores facebook en popup

Con este tutorial te mostraré la caja de seguidores de Facebook en una ventana emergente o pop-ups mediante la Url del plugin de Facebook. De esta forma conseguimos reducir el uso del Facebook JS y con ello aligerar y reducir la carga del blog.

Si deseais probarlo copiar el código de abajo y pegarlo en un gadget Html/Javascript en la sidebar, quedando una imagen como la siguiente:
seguidores facebook


Código de Seguidores Facebook en Pop-Ups


<style type="text/css" scoped>
.facebox{width:100%;padding:0;margin:0 auto;text-align:left;}
img.amorsevillista-fb {width: auto;max-width: 100%;height: auto;}
</style>
<div class="facebox">
<a href="javascript: void(0)" onclick="popup1('http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Famorsevillista&width=500&height=390&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true')" title="AmorSevillista en Facebook"><img class="amorsevillista-fb" alt="amorsevillista Facebook" height="60" src="http://2.bp.blogspot.com/-KiJO6M3ZqaY/VFkX6Cpq9xI/AAAAAAAAPo4/JQI9COANI68/s1600/197a6da580439d49bd56155b0eb300c8.gif" width="200" title="amorsevillista en Facebook"/></a>
</div>
<script type="text/javascript">
function popup1(e){var t=500;var n=390;var r=(screen.width-t)/2;var i=(screen.height-n)/2;var s="width="+t+", height="+n;s+=", top="+i+", left="+r;s+=", directories=no";s+=", location=no";s+=", menubar=no";s+=", resizable=no";s+=", scrollbars=no";s+=", status=no";s+=", toolbar=no";newwin=window.open(e,"windowname5",s);if(window.focus){newwin.focus()}return false}
</script>

Modificaciones


Cambiar todo lo marcado en negrita y rojo por vuestro nombre de Facebook.
Para cambiar el ancho y alto de la imagen para acoplarlo a vuestra sidebar cambiar lo marcado en amarillo.
Para cambiar el ancho y alto del pop-ups cambiar lo marcado en azul.


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 :

Muy bueno ..Gracias ya lo puse a mi Blogs ;)


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"