Instalando Code Prettify en tu Blogger

Quieres darle un estilo diferente al código que escribes en tu blog, Code Prettify te deja hacer esto, te permite darle un color al código que escribes en tu blog, sigue los siguientes pasos para instalarlo en tu blog.

Ingresamos a la administración de nuestro blog y vamos a Diseño -> Edición de HTML, luego buscamos el cierre del header, lo encontraran como </head> y arriba de esta etiqueta pegamos el siguiente código.

Guarda los cambios de la plantilla, para utilizarlo tienes que encerrar el codigo dentro de la etiqueta

<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css"  
rel="stylesheet" type="text/css" /> <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">
   document.addEventListener('DOMContentLoaded',prettyPrint); </script>

Guarda los cambios de la plantilla, para utilizarlo tienes que encerrar el codigo dentro de la etiqueta <pre class="prettyprint"> tu codigo aquí </pre> o <code class="prettyprint"> tu codigo aquí </code>

Listo, tendras un bonito marco para el codigo que quieres mostrar.