add

Popout de Facebook para blogger


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

Popout de Facebook para blogger

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.

Popout de Facebook para blogger


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.

emailEnviar por correo

1 comentarios:

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios