√ Seguidores de Facebook en pop-ups

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:

VER DEMO

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9GEa56h7UmBgU0n6hxhyd1IbSAjeoPHkd5jS4tkFG4_ibr1yoxu3MKTKVy_nfI_W-bZfWCmUAQyGPwq8RahTJiIE9gtbTCty0ieOl_TZekYRNHD9jFbMYx2_KPW2UZfBSzoxILLNVL8c-/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.