jump to navigation

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

Posted by hugomosh in Blogger, Blogs, Herramientas, HTML, Tutorial.
3 comments

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

Escribir codigo HTML en un post del blog julio 8, 2008

Posted by hugomosh in Herramientas, HTML, Internet, Tutorial.
2 comments

Muchos bloggeros en alguna etapa de nuestra historia en el mundo del blog se nos ha presentado un problema: ¿Cómo escribir código HTML sin que Internet lo lea como tal? (creo que no me explico todavía).

Más fácil, ¿cómo se escribe esto:

<a href="http://hugomosh7.blogspot.com"><img id="BLOGGER_PHOTO_ID_5218959676965178738" border="0" style="cursor: pointer;" alt="" src="http://bp3.blogger.com/_MUz69CYLk9Y/SG14LMqYzXI/AAAAAAAAAII/THk6pMjqtUM/s200/hugo-mosh.png" title="Blog de Hugo Mosh"/></a>

sin que Internet lo lea como esto: (que es el icono que tiene como código el de arriba)?

¿Ya me di a entender :P? Bueno pues ahora te voy a decir como hacerlo.

Hay varias forma,s yo te voy a decir dos:

[1a} Text area:

Este método es usar el elemento textarea:

<textarea rows="NUMERO DE FILAS" cols="NUMERO DE COLUMNAS">Aquí va el código</textarea>

Ya tu decides el numero de filas y columnas.

[2a} SimpleCode:


<a href="http://hugomosh7.blogspot.com"><img id="BLOGGER_PHOTO_ID_5218959676965178738" border="0" style="cursor: pointer;" alt="" src="http://bp3.blogger.com/_MUz69CYLk9Y/SG14LMqYzXI/AAAAAAAAAII/THk6pMjqtUM/s200/hugo-mosh.png" title="Blog de Hugo Mosh" /></a>

Esta manera es pasar el código HTML a caracteres que representan el símbolo.

Utilizando esta tabla.

Carácter Código
< &lt;
> &gt;

Pero no se trata de estar cambiando cada por su código, sino que hay una manera más fácil: SimpleCode. Donde copias el código HTML, haces clic en ‘process’ y listo, te da el código ya transformado a caracteres.

Ahora te preguntaras cual es mejor. La respuesta esta en ti. ; )

Ja, en realidad tu tienes que ir viendo cual te favorece, digamos, por ejemplo: textarea lo puedes utilizar si el código es muy extenso y solo necesitas ponerlo para que tus lectores lo copien.

Con la experiencia vas a ir descubriendo cuando usar cada uno.

Nota: no es que este blog sea un blogde ayuda per se, simplemente es, como dice el slogan, DE TODO UN POCO Y MUCHO DE NADA.