¡No te tengo Miedo!

Porque el miedo no hace más que paralizarnos, he aquí un lugar donde dejarlo de lado...

Podés averiguar un poco más acerca de mi, dejarme tu pregunta, o empezar a explorar lo que hay por estos lados:
Últimos Comentarios
Recent Tweets @nttm
Me gusta...

Por curiosidad y porque cada tanto muestro piezas de código, me dispuse a buscar una forma de hacer que sea más legible.

La solución: un resaltador de sintaxis.

¿Cómo incluir el resaltador de sintaxis en tumblr? Fácil:

Primero necesitamos incluir éste pedazo de código justo antes de la etiqueta </head>:

 <script type="text/javascript" src="http://shjs.sourceforge.net/sh_main.min.js">
</script>
<script type="text/javascript"
src="http://shjs.sourceforge.net/lang/sh_css.js">
</script>
<script type="text/javascript"
src="http://shjs.sourceforge.net/lang/sh_html.min.js">
</script>
<script type="text/javascript"
src="http://shjs.sourceforge.net/lang/sh_java.min.js">
</script>
<link type="text/css" rel="stylesheet" href="http://shjs.sourceforge.net/sh_style.css">

Luego hay que agregar una clase a nuestro css de manera que el código se muestre correctamente en todos los navegadores:

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

Luego tenemos que cambiar nuestra etiqueta <body> para que aparezca de la siguiente manera:

<body onload="sh_highlightDocument();">

De ahora en adelante, para asegurarnos que los códigos que mostremos se lean de manera correcta, vamos a ir a la edición html de nuestras entradas y designaremos al código con la clase correspondiente, por ejemplo:

<pre class = "sh_java">
Para mostrar java
</pre>
<pre class = "sh_css">
Para mostrar CSS
</pre>
<pre class = "sh_html">
Para mostrar html
</pre>

El Resaltador de Sintaxis que estamos usando es SHJS. Allí pueden averiguar más detalles sobre otros lenguajes para incluir y cómo cambiar el estilo CSS para que se adapte mejor a sus blogs. Espero que les haya sido de utilidad.