Highlight.js en Blogger utilizando Google Sites

Podemos encontrarnos con la necesidad de dar color a la sintaxis del código para un lenguaje de programación determinado, cuando publicamos un artículo o entrada en nuestro blog. Utilizando highlight.js, Blogger, Google Sites puede realizar con éxito esta tarea.

Para ello descargamos la libreria javascript desde highlight.js seleccionando los lenguajes que soporta y necesitemos para dar color a la sintaxis del código. Tenemos que tener un sitio creado en Google Sites para subir el css y la librería javascript highlight.pack.js. Una vez subido los archivos necesarios editamos la plantilla de nuestro blog añadiendo dentro de la etiqueta los enlaces al los archivos css y javascript.

<-- HIGHLIGHT.JS -->

<link href="http://sites.google.com/site/oleksisfraga/highlight_default.css" rel="stylesheet" title="Default">

<script src="http://sites.google.com/site/oleksisfraga/highlight.pack.js"></script><script>

hljs.tabReplace = '    ';

hljs.initHighlightingOnLoad();

</script>

Como pueden observar es una buena alternativa para mostrar el código formateado y con sintaxis de colores en los lenguajes soportados por esta librería. Espero que les sea de gran utilidad.