Como resaltar la sintaxis de mis scripts en Blogger
P. Recientemente he creado un blog en Blogger, pero no encuentro la forma de resalta la sintaxis de mis scripts. ¿Existe algún complemento que me permita hacerlo?
R. Hasta el momento Blogger por defecto no permite el resaltado de sintaxis pero Alex Gorbatchev ha creado una excelente herramienta:SyntaxHighlighter que puede integrarse con Blogger y permite el resaltado de sintaxis para un gran número de lenguajes: C, C++, Java, Perl, PHP, Python, Ruby, SQL, Bash, otros
Instalar SyntaxHighlighter
- Autenticarse en Blogger
-
Clic sobre Diseño
-
Clic sobre Edición de HTML
-
Realizar copia de seguridad de la plantilla
-
Editar plantilla: Agregar los estilos de SyntaxHighlighter, insertar estas 2 líneas antes del </head> ver figura
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
-
Editar plantilla: Agregar los javascript de SyntaxHighlighter, insertar las siguientes líneas antes del </body> ver figura
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPerl.js' type='text/javascript'/>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
<!-- Descomentar si desea agregar la funcionalidad copiar para el portapapeles -->
//SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
-
Salvar los cambios
Usar SyntaxHighlighter
Para usarlo en un script PHP, teclee:
if ($edad > 18) { echo 'Mayor de edad';}
else { echo 'Menor de edad'; }
entonces Blogger mostrará el resaltado de sintaxis para PHP
if ($edad > 18) { echo 'Mayor de edad';}
else { echo 'Menor de edad'; }
Lecturas recomendadas