miércoles, 28 de enero de 2015

Mostrar código fuente en Blogger

Para formatear el código fuente de una entrada se puede utilizar SyntaxHighlighter. El resultado es muy bueno, pero el rendimiento es bastante pobre. Otra forma para conseguir código con formato para tu blog, es usar google-code-prettify. Se instala muy fácilmente siguiendo esto pasos:
  • Entrar en el blog 
  • Ir a Diseño->Edición HTML
  • Buscar el cierre del head, </head> y justo arriba pegar el siguiente código:
  • <script src="
    https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js">
    </script>
  • También puede descargarse el módulo completo desde aquí y usar esto:
    <link href="prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="prettify.js"></script>
  • Guardar los cambios

Así, cuando se escriba una entrada nueva, en la edición HTML, debe encerrarse el código con estos tags:

<pre class="prettyprint">
  código fuente aquí
</pre>

Más información sobre el google-code-prettify puede encontrarse pulsando aquí.

1 comentarios :

 

Copyright @ 2015 Tosblama