Añadir la etiqueta code en blogger

He tenido bastantes quebraderos de cabeza para poder agregar una formato y color a la hora de introducir códigos en el blog.

Mi primera solución fué introducir el código entre la etiqueta PRE, lo que da un resultado bastante soso.
Mi segunda opción fué codificar el código en la herramienta online SimpleCode. Pegas el código, copias la traducción y listo, pero al asunto le faltaba color.

Así que tras mucho buscar encontré syntax highlight.
Colorea, da formato y además lo hace para un amplio popurri de lenguajes.

Ejemplo:

view plainprint?

1. echo "Hola Blogger";  

 echo "Hola Blogger";

view plainprint?

1. document.write("Hola Blogger");  

 document.write("Hola Blogger");

Instalarlo en blogger es bastante simple.
Descomprime y sube los archivos de syntax highlight a un servidor. Asegúrate de que se puedan ejecutar los archivos desde otras web para poder acceder desde nuestra plantilla blogger.
Una vez subidos añade en la plantilla de diseño (Panel de tu blog/Diseño/Edición de HTML) antes de
</body>

el siguiente código:

view plainprint?

1. <link href='http://[RUTA_HASTA_EL_ARCHIVO]/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>  
2.   
3. <script language='javascript' src='http://[RUTA_HASTA_EL_ARCHIVO]/shCore.js'/>  
4.   
5.   
6.   
7. <script language='javascript'>  
8.   
9. dp.SyntaxHighlighter.BloggerMode();  
10.   
11. dp.SyntaxHighlighter.HighlightAll('code');  
12.   
13. </script>  

<link href='http://[RUTA_HASTA_EL_ARCHIVO]/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>

<script language='javascript' src='http://[RUTA_HASTA_EL_ARCHIVO]/shCore.js'/>



<script language='javascript'>

dp.SyntaxHighlighter.BloggerMode();

dp.SyntaxHighlighter.HighlightAll('code');

</script>

Añade debajo de la ruta shCore.js los idiomas que desees.
Por ejemplo para incorporar el lenguaje PHP añade:

view plainprint?

1. <script language='javascript' src='http://[RUTA HASTA EL ARCHIVO]/shBrushPhp.js'/>  

<script language='javascript' src='http://[RUTA HASTA EL ARCHIVO]/shBrushPhp.js'/>

Para JavaScript sería :

view plainprint?

1. <script language='javascript' src='http://[RUTA HASTA EL ARCHIVO]/shBrushJScript.js'/>  

<script language='javascript' src='http://[RUTA HASTA EL ARCHIVO]/shBrushJScript.js'/>

Ahora cada vez que desees insertar código debes introducirlo entre su etiqueta correspondiente
<pre name="code" class="Php">


Para más información tienes la wiki de Syntax Highlight