Después de haber estado buscando un poco he encontrado la mejor forma de hacerlo. Debes de dirigirte a la sección de configuración de tu blog blogger.
1 Ves a plantilla
2 Haz click en código HTML
3 Dirígete a
4 Dentro de debes insertar este código
<!--PRINCIPIO DE CÓDIGO SYNTAX HIGHLIGHTER-->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = "http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf";
SyntaxHighlighter.all();
</script>
<!--FIN DE CÓDIGO SYNTAX HIGHLIGHTER-->
Cada una de estas líneas que hemos añadido son de un tipo de lenguaje, he añadido los que es más posible que utilice pero si quieres añadir algún otro aquí tienes los soportados.
| Brush name |
Brush aliases | File name |
|---|---|---|
ActionScript3
|
as3, actionscript3
|
shBrushAS3.js
|
Bash/shell
|
bash, shell
|
shBrushBash.js
|
ColdFusion
|
cf, coldfusion
|
shBrushColdFusion.js
|
C#
|
c-sharp, csharp
|
shBrushCSharp.js
|
C++
|
cpp, c
|
shBrushCpp.js
|
CSS
|
css
|
shBrushCss.js
|
Delphi
|
delphi, pas, pascal
|
shBrushDelphi.js
|
Diff
|
diff, patch
|
shBrushDiff.js
|
Erlang
|
erl, erlang
|
shBrushErlang.js
|
Groovy
|
groovy
|
shBrushGroovy.js
|
JavaScript
|
js, jscript, javascript
|
shBrushJScript.js
|
Java
|
java
|
shBrushJava.js
|
JavaFX
|
jfx, javafx
|
shBrushJavaFX.js
|
Perl
|
perl, pl
|
shBrushPerl.js
|
PHP
|
php
|
shBrushPhp.js
|
Plain
Text
|
plain, text
|
shBrushPlain.js
|
PowerShell
|
ps, powershell
|
shBrushPowerShell.js
|
Python
|
py, python
|
shBrushPython.js
|
Ruby
|
rails, ror, ruby
|
shBrushRuby.js
|
Scala
|
scala
|
shBrushScala.js
|
SQL
|
sql
|
shBrushSql.js
|
Visual
Basic
|
vb, vbnet
|
shBrushVb.js
|
XML
|
xml, xhtml, xslt, html, xhtml
|
shBrushXml.js
|
Así que si queremos tener Ruby deberemos añadir esta línea
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
Ahora la pregunta que viene ¿Que debo poner para que en mis posts se vea el código?
Pues es muy simple, cuando quieras añadir código tan solo has de encerrarlo en este código
<pre class="brush: html"> </pre>
Tan sólo deberás cambiar el lenguaje y eso se hace cambiando "brush: html" cambias html por el lenguaje que quieras.
OJO -> Hay que tener en cuanta que si queremos publicar código como xml, xhtml, xslt, html y xhtml debemos cambiar < por < y > por >
Todo esto también puedes encontrarlo aquí: http://alexgorbatchev.com/SyntaxHighlighter/
