Saltar al contenido

Cómo Añadir el Botón Like de Facebook a Blogger

10 mayo, 2019

Ah, sí, redes sociales. Siempre es importante proporcionar a sus lectores un acceso fácil para compartir y recibir me gusta de su contenido.

En esta publicación, te enseñaré cómo agregar fácilmente uno de los siempre populares botones “Me gusta” de Facebook a cada publicación en tu blog de Blogger. Es muy fácil, siga a continuación:

Si eres un blogger, agregar el botón LIKE de Facebook a tu blog seguramente te ayudará a generar más tráfico. Una vez que la persona hace clic en el BOTÓN “LIKE”, el enlace al artículo se publica en el muro de la persona de Facebook.

Imagínate si la persona tiene muchos amigos en Facebook. Esto notificará a TODOS sus amigos que la persona “LE GUSTA” el artículo.

Si sus amigos se sienten atraídos por el título del artículo, estoy seguro de que estarán de acuerdo conmigo en que harán clic para ver el artículo, lo que simplemente significa MÁS TRÁFICO PARA SU BLOG.

¿Cómo el Agrego Botón a mi Blog?

Primero, le daré el código para el botón y luego tendrá que decidir dónde agregarlo en las publicaciones de su blog.
Código del botón “me gusta” de Facebook:

Copie este código de botón de Facebook a continuación para un estilo de conteo horizontal.

<br/> <br/> <iframe allowTransparency = 'true' expr: src = '& quot; http: //www.facebook.com/plugins/like.php? href = & quot; + datos: post.canonicalUrl + & quot; & amp; layout = button_count & amp; show_faces = false & amp; width = 100 & amp; action = like & amp; font = arial & amp; colorscheme = light & quot; ' frameborder = '0' scrolling = 'no' style = 'border: none; desbordamiento: oculto; ancho: 100px; height: 21px; '/>

Copie este código para un estilo de conteo vertical.

<br/> <br/> <iframe allowTransparency =' true 'expr: src =' & quot; http: //www.facebook.com/ plugins / like.php? href = & quot; + datos: post.canonicalUrl + & quot; & amp; layout = box_count & amp; show_faces = false & amp; width = 100 & amp; action = like & amp; font = arial & amp; colorscheme = light & quot; ' frameborder = '0' scrolling = 'no' style = 'border: none; desbordamiento: oculto; ancho: 55px; altura: 62px; '/>

¿Dónde Coloco este código?

  1. Haga un respaldo de su plantilla de Blogger.
  2. Colocar el botón LIKE debajo de las publicaciones del blog.
  3. Para que a la persona que lee la publicación del blog le resulte más fácil el artículo “LIKE” cuando termine de leer la publicación del blog.
  4. Entonces, ingrese a su blog, en su panel de control haga clic en ‘Diseño’> ‘Editar Html’> Marque la casilla ‘Expandir plantillas de widgets’.
  5. Dentro del cuadro EDITAR HTML.
  6. Deberás encontrar este código resaltado <div class = ‘post-footer’>
  7. Para encontrar fácilmente el código, presiona Ctrl y F en tu teclado.
  8. Ahora debería ver una barra de búsqueda en la página web.
  9. Verá esto fácilmente si usa el navegador Mozilla Firefox.
  10. En el cuadro de búsqueda, copie y pegue el código anterior (<div class = ‘post-footer’>).
  11. Haga clic en buscar.
  12. Una vez que pueda ubicar el código.
  13. Pegue el código del botón de LIKE directamente debajo o debajo de <div class = ‘post-footer’>
  14. Haga clic en GUARDAR PLANTILLA y luego obtenga una vista previa de cualquiera de las publicaciones de su blog.
  15. Ahora deberías ver el BOTÓN COMO FACEBOOK debajo de tu publicación de blog.
  16. Pruébelo haciendo clic en él y el enlace a su blog debe aparecer en la pared de su facebok.

También Puedes Agregarlo en Diferentes Ubicaciones

  1. Si desea agregarlo antes de las publicaciones de su blog, puede agregarlo ANTES de <data: post.body />
  2. Si desea agregarlo debajo de los títulos de las publicaciones de su blog, puede agregarlo DEBAJO <div class = ‘post-header- line-1 ′>
  3. Si quieres agregarlo debajo de las publicaciones de tu blog.
  4. Ppuedes agregarlo DEBAJO <data: post.body />

En mis publicaciones futuras, escribiré más extensamente sobre más hacks que puedes agregar a tu blog de blogger y también formas en que puedes dirigir más tráfico a tu blog.

 

Cómo Añadir el Botón Like de Facebook a Blogger
5 (100%) 1 vote[s]