Para añadir un botón "Me gusta" a un sólo artículo, sólo tendremos que dirigirnos a la página web de desarrolladores de Facebook para crear el código en https://developers.facebook.com y seguir estos sencillos pasos:
1. Haz click en "Web", tal como aparece en la imagen siguiente:
2. Haz click en la opción "Social Plugins", arriba en el lado izquierdo, tal como aparece en la imagen siguiente:
3. Haz click en la opción "Like Button", tal como se muestra en la imagen:
4. Ahora tenemos que rellenar todos los campos:
Dejamos en blanco la opción "URL to Like" y rellenamos los campos "Width" (55 píxels) y "Height" (55 píxels) , y escogemos la diferentes opciones en los campos "Color Scheme", "Layout" y "Action Type", luego haz click en "Get Code", tal como aparece en la imagen siguiente:
Nota: Dejamos la opción "URL to Like" en blanco, para que funcione el "Me Gusta" para cada entrada.
5. Aparece el código en nuestra pantalla donde tenemos cuatro opciones de código para escoger, hacemos click en la primera opción, en HTML5, tal como se muestra en la imagen siguiente:
6. Copiamos el código que aparece en el primer contenedor, tal como se indica en la imagen:
7. Accedemos a nuestro blog en Blogger y en la opción "Plantilla" hacemos click en "Editar HTML" y buscamos la etiqueta <body> y pegamos el código, que hemos copiado en el paso anterior, justo debajo.
8. Ahora volvemos a la página de Facebook Developers, y copiamos el código del segundo contenedor y lo pegamos en el código de nuestro blog, tal como se indica en la imagen de abajo:
9. Volvemos a Blogger, insertamos el código que acabamos de copiar en el paso anterior y lo pegamos justo debajo de la etiqueta <data:post.body/> para que el plugin aparezca al final de cada entrada, tal como se muestra en la imagen de abajo:
10. Por último, hacemos click en Guardar plantilla y ya tenemos nuestro botón "Me gusta" en todas las entradas de nuestro blog en Blogger.
Como podeis ver en la imagen siguiente, el botón quedaría más o menos
Espero que este tutorial te haya servido de mucha ayuda, si también te gustaría insertar el botón "Pin it" de Pinterest en todas tus entradas, y no sabes como hacerlo, en este artículo, Como añadir el botón de Pinterest en Blogger te lo explicamos!
Para que puedas ver el impacto y la importancia de las redes sociales en tu blog te sugiero el artículo de un bar de Madrid que triunfó gracias a las redes sociales.
muy bueno!!!!
ResponderEliminarNo me sirvió! :
ResponderEliminarA mí tapoco
EliminarMe da un error.. BAD REQUEST.
ResponderEliminarHaremos una revisión del procedimiento, quizás la gente de Zuckerberg haya hecho algún cambio y no nos hemos 'actualizado' ;-)
ResponderEliminarPedimos disculpas (si es así...)...publicaremos la/s coreccion/es oportunas
la etiqueta body es solo para plantillas externas que no son de bloger me puedes decir laetiqueta para una plantilla sencilla de bloger
ResponderEliminarNo funciona.
ResponderEliminarMe da error en esta línea:
ResponderEliminarjs.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0";
el ";" sale separado y dice que debe estar junto
no me sirvio buuuuu(llanto)
ResponderEliminarno me sirvio buuuuu(llanto)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminar