"Reacciones", Nuevo juguete de Blogger In Draft Agosto 16, 2008
Posted by hugomosh in Blogger, Blogs, HTML, Herramientas, Tutorial.trackback
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:”:
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='2' 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>
[9} }¡Ahora si! Guardar y disfrutar.
Estimado Hugo.
He tratado de poner el link, pero me es imposible. Ignoro lo de html y me es complicado. Quisiera que me des una ayuda. A mi no me aparecen las Reacciones, por más que pongo el codigo y por más que está activada en diseño. te anexo mi codigo, a ver si me orientas. Te lo agradezco de antemano.
Un saludo desde Perú.
1
1
Sabes cómo cambiarle el color a la fuente o texto de las reacciones?
Ya que tengo un fondo negro y las letras de las reacciones están en negro también y se pierden.
Agradesco de antemano cualquier ayuda al respecto.
Gracias,