Popout de Facebook para blogger

Necesitabas un hermoso popout de Facebook en tu blog de blogger y que apareciera cuando el usuario abra tu blog de blogger, Ayuda de blogger te lo presenta así de fácil. Con este nuevo popout de Facebook para blogger podrás incrementar tus fans de Facebook, lo novedoso es que se abre cada vez que un usuario de la red ingresa a tu blog de blogger, el decidirá si te da un clic en me gusta o lo dejara pasar por alto, pero es mas que seguro que lo hará, ya que con eso recomendara tu blog de blogger a sus amistades.

Anteriormente publique algunos temas interesantes sobre popout para blogger de los cuales les dejo los enlaces a continuación

Caja de Seguidores de Facebook Popout para Blogger
Me gusta Facebook Google+ y Twitter para Blogger
Widget para blogger Popout 4 en 1

Si quieres utilizar este nuevo popout de Facebook para blogger solo tienes que seguir unos simples pasos para su instalación

A continuación mire su demostración en mi blog de demos

Si te gusto, ahora nos dirigimos a trabajar!

1 Ir a Blogger

2 Dirígete a “Plantilla”

3 Da un clic en “Editar HTML”

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

Busca este código

</body>

Una vez que hayas encontrado el código, tendrás que insertar las siguientes líneas de código arriba del código que encontraste.

<!-- Ayudadeblogger.com Facebook Code Start --> <script type='text/javascript'> //<![CDATA[ KNFBFansPRO='pages/Ayuda-de-Blogger/140889692709017' //]]> </script> <style> #fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px; } #fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%; } .fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important; } #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100; } #fblikepop #closeable{float:right;margin:7px 15px 0 0; } #fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font- weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important; } #fblikepop #actionHolder{height:30px;overflow:hidden;} #fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px; } #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important; } #fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important; } #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important; } #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px; } </style> <script src='https://sites.google.com/site/mmktricks/jquery.js' type='text/javascript'/> <script src='http://connect.facebook.net/es_La/all.js#xfbml=1' type='text/javascript'/> <script src='http://yourjavascript.com/3155351219/fbpopup.js' type='text/javascript'/> <script language='javascript'> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 15, wait: 0, url: 'http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017', closeable: true }); }); //]]> </script> <div id='fbtpdiv'/> <!-- Ayudadeblogger.com Facebook  Code End -->

Realiza estos dos cambios:

Borra el texto que esta marcado de color rojo pages/Ayuda-de-Blogger/140889692709017, y pon solo el link correspondiente de tu Fanpage de Facebook pero no pongas todo el link, por ejemplo el link de mi Fanpage de Facebook es así:

http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017

Solo deberás copiar a partir del termino de / y nada mas.

El otro punto que deberás borrar es el link que esta marcado de color azul  http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017 y pon ahí todo el link de tu Fanpage de Facebook, aquí si deberás poner todo el link.

Por ultimo si quieres aumentar o disminuir el tiempo de permanencia del popout, solo tendrás que cambiar el número que esta marcado de color verde 15 por el número que tu quieras.

Eso es todo ahora dale un clic en “Guardar plantilla” y mira tu nuevo popout en tu blog de blogger, fácil no?

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos.

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

Si

TAGS: Popout

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.