Visor de códigos para blogger SyntaxHighlighter

Después de estar buscando en la web y preguntando por todos lados un gran amigo roberto leon me dijo de la existencia de un script llamado SyntaxHighlighter un visor de código que la verdad hasta ahora me a gustado mucho y que le a dado al código indentancion y elegancia.

Primera opcion para instalar SyntaxHighlighter.


ir a esta direccion aki y hacer click en el botón "Add to Blogger"
te descargara una pagina, la abres seleccionas el blog donde quieres instalar el script le das un titulo y por ultimo clic en añadir artilugio no es nada difícil.

Segunda opcion para instalar SyntaxHighlighter.


Esta forma es un poco mas larga puede parecer complicada pero aqui estamos para explicarlo de un manera facil.

Pinceles para cada lenguaje de programacion

podemos incluir al script esto los hará lucir como si estuvieran en el IDE.

Lenguaje de programacion Link para el pincel
C++ http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js
Java http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js
JavaFX http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js
Php http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js
Sql http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js
Css http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js
JavaScript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js
Ruby http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js
Python http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js


ejemplo







Estos son algunos temas de fondo que tiene SyntaxHighlighter


Nombres Link para los temas
Default http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css
Django http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css
Eclipse http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css
Emacs http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css
Fade To Grey http://alexgorbatchev.com/pub/sh/current/styles/shThemeFadeToGrey.css
Midnight http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css
RDark http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css


Ejemplo







eL siguiente codigo va antes de finalizar la etiqueta /head o bien puede ser antes de finalizar la etiqueta /body ustedes eligen.




























Formas de visualizar el código


Si haz utilizado la primera forma

puedes visualizarlo de la siguiente manera



/*
*aqui va tu código
*/



donde dice class="java" puedes reemplazarlo con los idiomas que aki se muestran:




Si haz utilizado la segunda forma

puedes visualizarlo de la siguiente manera



/*
*aqui va tu código
*/



Puedes reemplazar java class="brush :java" con los idiomas que aki se muestran pero recuerda que debes implementar los pinceles para cala lenguaje




si deseas saber algo mas aqui te dejamos el link del creador de SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/ o puedes dejar un comentario y nosotros trataremos de resolverlo lo mas pronto posible

Comments (3)

buena eh probado su sistema, pero no me funciona, creo q se debe a la plantilla que uso, pues antes usaba otra en blogger, y pues el resaltado funcionaba de maravilla ahora no se q pasa, te dejo la direccion de mi blog, haber si puedes ayudarme...http://web-xtreme.blogspot.com/

Hay algo para Haskell?
Este es mi blog http://resolviendoejerciciosdeprogramacion.blogspot.com.es/

Saludos ;)

Que tema estás usando?

Publicar un comentario