Popout de Facebook para blogger
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:"Lucida
Sans Unicode", "Lucida Grande", 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
Esta genial
ResponderEliminarHola amigo buenos dias me gustaria saber como cambiar las medidas de la altura y que solo se puestre en una sola visita... Te mando un saludo y abrazo.
ResponderEliminar