add

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

  1. Como agregar de forma flotante la caja de seguidores de Facebook y Google+ en Blogger
  2. Como agregar la barra de recomendaciones de Facebook a Blogger
  3. Como agregar un widget de redes sociales a blogger
  4. Como agregar un widget flotante Social Media en blogger
  5. Como añadir un widget de redes sociales
  6. Como crear botones flotantes para compartir todas las redes sociales
  7. Como escuchar música en Facebook mientras chateo con mis amigos
  8. Como insertar un Popup de Facebook y suscripción en blogger
  9. Como insertar y compartir iconos sociales en Blogger  
  10. Widget de Twitter
  11. Widget de redes sociales para blogger
  12. Widget de redes sociales para blogger con efectos
  13. 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

Plantillas Blogger

2 Un clic en “Editar HTML

Plantillas Blogger

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

Como insertar la caja de seguidores de Facebook a 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.

Como insertar la caja de seguidores de Facebook a Blogger

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

5 comentarios:

  1. no se porque no me funciona
    me puedes ayudar

    ResponderEliminar
  2. Gracias Luis. cuando puedas me gustaría visitaras mi blog para saber tus opiniones.
    www.marketingmediablog.com
    saludos

    ResponderEliminar
  3. graciassssssssssssssssssssssssssssssssssssssssssssssssssssss me salio aqui http://tromenoticias.blogspot.com/

    ResponderEliminar
  4. a mi no me salio no la muestra,solo la palabra Facebook de titulo

    ResponderEliminar

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 (32) 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 (10) 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