martes, 8 de julio de 2008

Escribir codigo HTML en un post del blog

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ácterCó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.

4 comentarios:

Chismes De Briceño dijo...

hola quiero saber un codigo html para el cuadro de comentario

Hugo Mosh dijo...

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

Anónimo dijo...

bien

Anónimo dijo...

Muchas gracias! me ha sido muy útil.

Publicar un comentario

Hola, deja tu comentario :P

Clicky