Como Agregar Reacciones en las Entradas de Blogger (Emotes) - Tutoriales Gratis de Internet

Como Agregar Reacciones en las Entradas de Blogger (Emotes)

 

Últimamente las publicaciones o entradas en sitios web deberían tener un contenido dinámico a su vez entretenido para retener mas tiempo al visitante dentro del blog, por ese motivo te traemos un tutorial exclusivo para implemente unas reacciones (emotes) para tus publicaciones dentro de las entradas en blogger.

Los botones de reacción permiten a los visitantes expresar su reacción a su página o publicaciones a través de 6 opciones de emoji. Ofrece a tu audiencia una forma divertida y fácil de compartir sus reacciones. Las reacciones contienen 6 emoticones de reacciones:

Me Gusta 😃  Me Encanta 😍   Me Divierte 😆  Me Asombra 😲  Me Entristece 😂  Me Enoja 😟



Para implementar las reacciones en las entradas de blogger utilizaremos esta pagina que brinda el servicio de reacciones y compartir en redes sociales Sharethis, empecemos con el tutorial.

 Debemos registrarnos utilizando un correo electrónico en Sharethis

 Agregar el enlace url de tu dominio o sitio web en Sharethis, enseguida debemos agregar el código de verificación que nos genera esta pagina, colocar el código html en la sección de apertura <head> de nuestra plantilla blogger. debe quedarnos como en el ejemplo:


Una vez implementado este código en el html de nuestra plantilla, darle clic en guardar cambios y verificar en la pagina sharethis. Si todo nos salió correcto debe salir el aviso Código activado.

Para colocar las reacciones primero debemos editar los emoticones en Sharethis y luego generar el código por defecto, este código es universal lo debemos agregar en nuestra plantilla buscando la opción <data:post.body/> generalmente se coloca debajo de este código. También podemos buscar las opciones donde colocar exactamente las reacciones utilizando F12 del navegador.

Codigo de las reacciones en Sharethis:

<!-- ShareThis BEGIN -->
<div class="sharethis-inline-reaction-buttons"></div>
<!-- ShareThis END -->






Comparte este artículo en tus Redes Sociales

4 comentarios