SyntaxHighlighter: Resaltar código fuente en Blogger

En la edición HTML de la plantilla de blogger, añadid el siguiente código antes de la etiqueta </head>

<!-- SyntaxHighlighter script -->

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css" rel="stylesheet" type="text/css"></link>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript">

<!-- Add brushes here -->

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

Para crear una entrada, debéis incluir el código fuente del siguiente modo:
<pre class="brush: java">
public static void main ( String args[] ){} 
</pre>
En el atributo class="brush: java", podéis sustituir java por el lenguaje que estáis utilizando.

Las diferentes sintaxis y temas de este script las podéis encontrar en la página del autor

0 comentarios :: SyntaxHighlighter: Resaltar código fuente en Blogger

Publicar un comentario