"Reacciones", Nuevo juguete de Blogger In Draft

Blogger in Draft dio a conocer una nueva herramienta: Reacciones.

Reacciones es una especie de punto medio entre un comentario y un sistema de votación por estrellas. Permite modificar las palabras Reacción (en mi caso use "Opina:") y las etiquetas (chido, regular, ...) a tu gusto.

Muchos ya han escrito de este nuevo sistema de votación par Blogger (Blogger's New "Reactions" Feature - How to add to customized blog templates-Reacciones, nuevo sistema de votación de entradas en Blogger-etc). Pero para los que no han leído sobre el tema o no saben ingles; también voy a explicar como utilizar el Add-on para aquellos que tengan modificaciones en la plantilla (Blogger Buster lo explica (en ingles), pero lo escribo porque descubrí a hacerlo y estoy un tanto orgulloso y otro tanto apenado porque demuestra que no leí el post completo).

Tutorial para implementar Reacciones a el Blog:

[1} Abrir el Blog desde Blogger in Draft.

[2} Ir a la etiqueta Diseño. Automáticamente aparece en Elementos de la página. Se busca la sección de Entradas del Blog y se ase clic en Edit.

[3} Aparece una ventana con varias opciones. Se palomea la que dice "Reacciones:", ver la imagen a continuación:


[3.1} Predeterminadamente tiene: la palabra "Reacciones:", que se puede modificar simple mente borrando y escribiendo cualquier otra palabra, y las etiquetas divertido, interesante y guay pero al hacer clic en Editar se modifican por otras preferidas por el usuario.


[4} Guarda y disfruta la herramienta en tu blog. ¿O no?, ¿no aparece Reacciones?, si no, se debe leer los siguientes pasos.

[5} Estos pasos son para los que han modificado su plantilla de HTML. Una vez hechos los pasos del 1 al 4 se debe pasar a Edición de HTML (son paso muy sencillos, no hay de que preocuparse).

[6} En muchos casos es necesario expandir plantillas de artilugios (por lo menos en mi caso), así que, mejor se expande antes de comenzar.

[7} Se busca la siguiente linea de código:

<div class='post-footer-line post-footer-line-2'>

El número pude ser 1, 2 o 3. Yo recomiendo el 1 para principiantes.

[8} Justo abajo se agrega el código de la herramienta de "Reacciones:":

<code><br /><span class='reaction-buttons'><br /><br /> <b:if cond='data:top.showReactions'><br /><br /> <table border='2' cellpadding='0' width='100%'><tr><br /><br /> <td valign='center'><span class='reactions-label'><br /><br /> <data:top.reactionsLabel/></span><br /><br /> </td><br /><br /> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td><br /><br /> </tr></table><br /><br /> </b:if><br /><br /> </span> <br /></code><br />

[9} }¡Ahora si! Guardar y disfrutar.