Escribir codigo HTML en un post del blog

In: BloggerPosts| General

8 Jul 2008

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://4.bp.blogspot.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://4.bp.blogspot.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.

Comparte:
  • Digg
  • del.icio.us
  • LinkedIn
  • Reddit
  • Bitacoras.com
  • Chido
  • Enchilame
  • Meneame
  • Facebook
  • MySpace
  • Twitter
  • Google Bookmarks
  • Live
  • Netvibes
  • Sphinn
  • StumbleUpon
  • Technorati
  • Yahoo! Buzz
  • RSS
  • E-mail this story to a friend!
  • Print this article!

3 Comentarios to Escribir codigo HTML en un post del blog

Avatar

Chismes De Briceño

Julio 26th, 2008 at 22:07

hola quiero saber un codigo html para el cuadro de comentario

Avatar

Hugo Mosh

Julio 27th, 2008 at 13:57

¡Claro!, Briceño. Lo puedes encontrar en El escaparate de Rosa

Avatar

Escribir código de una manera elegnate y útil en un post: SyntaxHighlighter | Hugo Mosh Blog

Mayo 6th, 2009 at 18:47

[...] una entrada anterior ya había explicado cómo escribir codigo HTML en un post del blog, ahora presento una herramienta más poderosa [...]

Formulario de comentarios

Acerca de este blog

Una oportunidad que supe aprovechar.

Directorios

BlogESfera Directorio de Blogs Hispanos - Agrega tu Blog