jump to navigation

"Reacciones", Nuevo juguete de Blogger In Draft agosto 16, 2008

Posted by hugomosh in Blogger, Blogs, Herramientas, HTML, 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 templatesReacciones, 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.

Anuncios

Comentarios»

1. Richard Chávez - noviembre 19, 2008

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



 






2. Richard Chávez - noviembre 19, 2008
3. Mark - noviembre 24, 2008

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,


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: