Google-code-prettify es un módulo de Javascript y archivo CSS que nos permite el resaltado de sintaxis de fragmentos de código fuente en una página HTML. Esto nos puede ser útil si usamos nuestro Blog para difundir diferentes tipos de códigos fuente y queremos mostrarlos con un estilo diferente al que por defecto muestre nuestra plantilla. Existen otras formas y librerías para este propósito pero la configuración y uso de esta me ha parecido bastante sencillo de explicar y realizar.En primer lugar entraremos en el panel de Administración de nuestro blog en Blogger y buscaremos la opción de “Plantilla” donde elegiremos “Editar HTML” buscando a continuación la etiqueta “</head>” y copiando el siguiente código justo encima de esta
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css" />A continuación buscaremos el inicio del <body> de nuestra plantilla y a continuación copiaremos el siguiente código
<script type="text/javascript" language="javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
<script type="text/javascript" language="javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-css.js"></script>
<script type='text/javascript'>O si no este
window.addEventListener('load', function (event) { prettyPrint() }, false);
</script>
<script type='text/javascript'>Con esto ya podríamos mostrar texto formateado usando en la edición HTML de la siguiente forma
document.addEventListener('DOMContentLoaded',function() {
prettyPrint();
});
</script>
<code class="prettyprint lang-lenguaje">>o
<!-- código que deseas mostrar -->
</code>
<pre class="prettyprint lang-lenguaje">Donde lenguaje serian las siglas del lenguaje de programación que deseemos mostrar.
<!-- código que deseas mostrar -->
</pre>
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure