Valorar las entradas (Blogger in Draft)

En el blog de Blogger in Draft hacen mención a una nueva función para añadir al pie de nuestras entradas, para que nuestras visitas puedan valorarlas.

De momento y hasta que el equipo de Blogger considere incluirlo en el Blogger "normal", solo está disponible en Blogger in Draft.

Seremos nosotros mismos los que podremos elegir que colocar en los botones de valoración y cuantos botones o posibilidades incluir, así nuestras visitas podrán dejar su opinión al respecto de cada entrada simplemente con un clic en la opción elegida.

[Paso 1] Hemos de acceder al panel de nuestro blog desde Blogger in Draft y una vez allí, en la pestaña de "Diseño", pinchamos en el "Editar" del widget "Entradas del Blog".

[Paso 2] Una vez abierta la ventana con las opciones que pueden añadirse a nuestras entradas, veremos que aparece una nueva llamada "Reacciones", que se verá de esta manera:

[Paso 3] Tendremos que marcar la opción para que aparezca la votación debajo de cada una de nuestras entradas.
Si además queremos cambiar el texto de las opciones, la palabra "Reacciones" y aumentar o reducir la cantidad de posibilidades(los botones), pincharemos en el "Editar" que vemos a la derecha de los botones.

El problema es que esta nueva función, como ya sucedió con el Ranking de Estrellas o el formulario de comentarios es que, aunque la opción esté operativa, en las plantillas que han sido modificadas previamente, el código para mostrar el widget no está incluido, así que tendremos que incluirlo directamente en el HTML de nuestra plantilla.

[1] Nos situamos en la pestaña "Edición html" de nuestro panel y marcamos la casilla para "expandir las plantillas de artilugios".

[2] Localizamos está línea de código:

<div class='post-footer-line post-footer-line-3'/>

[3] Justo debajo pegamos el código necesario para mostrar el sistema de valoración:

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

[4] Usamos la vista previa antes de guardar los cambios.

Nota:
El estilo del widget se adapta de forma automática a los colores del blog donde se coloca.
Yo he estado probandolo esta tarde y he cambiado varias veces el color de fondo del blog de pruebas para asegurarme y se adapta sin problemas, aunque algunas veces no era visible el efecto sin guardar antes los cambios.