Como insertar la caja de seguidores de Facebook a Blogger
Insertar la caja de seguidores de
Facebook a Blogger es un truco antiguo y muy fácil de realizarlo, pero envista
de que cada día se integran nuevas personas a la comunidad Blogger voy a
publicar este truco de Facebook para utilizarlo en su blog de Blogger, muchas
personas no saben todavía cómo implementar la caja de seguidores de su Fanpage
de Facebook. Facebook es una de las mejores redes sociales para conseguir
trafico web, si los usuarios que visitan sus blogs los siguen en su Fanpage de
Facebook conseguirán más tráfico hacia sus blogs por medio de sus
actualizaciones diarias. Lo que vamos a realizar es copiar un código, lo
pegaremos en un widget HTML/Javascript o en una entrada y realizaremos un
simple cambio, y funcionara perfectamente en su blog de Blogger.
Además, no se olviden de visitar algunos
trucos para Blogger que publique anteriormente
- Como agregar de forma flotante la caja de seguidores de Facebook y Google+ en Blogger
- Como agregar la barra de recomendaciones de Facebook a Blogger
- Como agregar un widget de redes sociales a blogger
- Como agregar un widget flotante Social Media en blogger
- Como añadir un widget de redes sociales
- Como crear botones flotantes para compartir todas las redes sociales
- Como escuchar música en Facebook mientras chateo con mis amigos
- Como insertar un Popup de Facebook y suscripción en blogger
- Como insertar y compartir iconos sociales en Blogger
- Widget de Twitter
- Widget de redes sociales para blogger
- Widget de redes sociales para blogger con efectos
- Widget social de suscripciones horizontal para blogger
A continuación mire su demostración en
este post
Vamos a trabajar
1 Ir a Blogger
2 Un clic en “Diseño”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que tiene como nombre “HTML/Javascript”
abrelo
5 Inserta las siguientes líneas de código
en su interior
<div class="fb-page"
data-href="https://www.facebook.com/ayudadeblogger"
data-width="298" data-height="248"
data-hide-cover="false" data-show-facepile="true"
data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote
cite="https://www.facebook.com/ayudadeblogger"><a
href="https://www.facebook.com/ayudadeblogger">Ayuda de
Blogger</a></blockquote></div></div>
|
Realiza este cambio:
Borra las URLs que están marcadas de color
azul, reemplázalo por la dirección URL de tu Fanpage de Facebook https://www.facebook.com/ayudadeblogger
Cambia las palabras Ayuda de Blogger por el nombre de su FanPage
Si necesitas cambiar de tamaño a la caja
de seguidores de Facebook, basta con cambiar los números que están marcados de
color rojo 298
que es su ancho y su altura que son los números que está marcados de color
verde 248.
Eso es todo, ahora dale un clic en “Guardar”
y ubica tu widget de caja de seguidores de Facebook donde mejor te parezca.
Recuerda, que este código también lo podrás
insertar en una entrada o en las entradas que tú quieras
1 Da un clic en “Plantilla”
2 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>
Si no encuentran ese código pueden buscar este otro código
<body expr:class=
Ingresa el siguiente código justo abajo del código que encontraste
<div
id='fb-root'/>
<script>
//<![CDATA[
(function(d,
s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if
(d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src =
"//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document,
'script', 'facebook-jssdk'));
//]]>
</script>
|
3 Ahora da un clic en “Guardar plantilla”
Fácil verdad!
Suscríbete y recibe directamente en tu
correo electrónico mis nuevas actualizaciones diariamente
¿Necesitas ayuda?
Cualquier pregunta no duden en hacérmelo
saber
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
4 comentarios: