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

Solución a problemas con videos flash en Firefox julio 16, 2008

Posted by hugomosh in Firefox, Flash, Internet, Problema, Tutorial, Vídeo, Visual.
2 comments
Recientemente he tenido problemas para ver vídeos con firefox, resulta que se carga el vídeo y empieza a reproducirse pero de repente se congela (usualmente a los 2 segundos, sobretodo en YouTube).

Ya estoy harto de este problema, ya que suelo usar otro explorador (en su mayoría Safari) para poder ver vídeos, pero esto me genera muchas ventanas y problemas con la memoria ram. Así que me puse a investigar y creó que por fin di con la solución:

Primero que nada instala la ultima version de Flash (ya que puede que tengamos la penultima, recientemente salió una nueva). Para esto primero debes de desintalar la versión que tengas de flash.

[1} Baja el desinstalador de Adobe.com.

[2} Baja el instalador de Adobe.com.

[3} Cierra Fierfox.

[4} Abre el desinstalador.

[5} Despues de que este desinstalado flash, instala la ultima versión con el instalador que ya bajaste.

[6} Abre Firefox y prueba que funcione (por ejemplo: Video del mes: Julio). Ahora: sí ya quedo disfruta de los videos que quieras; en caso de que se siga congelando el video continua con los siguientes pasos.

[7} Puedes seguir dos pasos:

[7.1} Bajar una versión vieja de Flash en instalador de OldApps.com.

[7.2} O puedes bajar la versión Flash 10 Beta. Yo recomiendo este paso.

[8} Cierra Firefox.

[9} Abre el desinstalador.

[10} Despues de que este desinstalado flash, instala ,ya sea la versíon antigua o la beta , flash con el instalador que ya bajaste.

[11} Abre Firefox y prueba que funcione (por ejemplo: Video del mes: Julio). Ahora: sí ya quedo disfruta de los videos que quieras; en caso de que se siga congelando el video puede que sea Java el problema, en este caso descativalo en Menú Opciones-> Contenido -> despalomea Activar Java.

Bueno, espero que se haya resuelto el problema.

Fuente -básicamente la traducción del comentario de Bo en la siguiente página-: Flash video (including YouTube) freezes in firefox.

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.

FavIcon – Coloca la imagen que distingue webs julio 8, 2008

Posted by hugomosh in Curiosidades, Imagen, Internet, ocio, Tutorial, Web 2.0.
add a comment

Un Favicon es la imagen que aparece antes de la direccion web en la barra de direcciones y en las pestañas.

Yo acabo de colocar el mio. Esta basado en la imagen que ves a tu izquierda. Esta vez cree uno animado. No sabia que poner hasta que vi esta imagen de un avion y la modifique hasta crear la imagen izquierda, pero como se habran dado cuenta, utilcé la imagen inversa.

Y como estoy muy entusiasmado te voy a enseñar a colocar uno en tu blog -aunque existan muchos blogs que ya tienen algún turorial parafavicons-.

Tutorial:

[1} Lo primero que debemos hacer es crear o escoger una imagen, o bien empezar desde cero – pero eso viene mas adelatne-.

[2} Ya que tenemos la imagen puedes utilizar un creador de favicon en internet. Yo recomiendo dos:

[2.1} Uno es, el que recomiendo El escaparate de rosa, Favicon from Pics que te permite subir una imagen, añadirle texto o una animaciónde tipo srcoll. Y te da 3 imagenes ,un icono (.ico), un .gif y un .png -que es el que nos va a servir-, en una carpeta zip la cual deberas de extaer.

[2.2} El otro, el cual utilizé para crea mi favicon, es Favicon.cc. Este te permite -ahora si- empezar desde cero, o subir una imagen. Te da más opciones de animación ya que tiene una funcion tipo cuadro por cuadro. La unica situación desfavorable es que te da un .ico, pero no te preocupes.

[3} Ahora subes tu archivo (ya sea .png o .ico) a internet. Yo utilizo Google Page Creatos para alojar archivos e imagenes.

[4} Ahora vamos a Diseño-> Edición HTML, (no se necesita expandir plantillas de artilugios) y buscamos el título del blog:

<head>

Y justo después insertamos el siguiente código:

<link href='URL DE TU IMAGEN-FAVICON' rel='shortcut icon' type='image/x-icon'/>

<link href='URL DE TU IMAGEN-FAVICON' rel='icon' type='image/png'/>

[5} Antes de acabar has una vista previa. Si todo sale bien guarda lo y listo ya tienes un favicon.

Nota: con Internet Explorer suele no funcionar, pero no te preocupes, la gente que sabe ya no lo utiliza.