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.
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.
Esta forma es un poco mas larga puede parecer complicada pero aqui estamos para explicarlo de un manera facil.
podemos incluir al script esto los hará lucir como si estuvieran en el IDE.
ejemplo
Ejemplo
eL siguiente codigo va antes de finalizar la etiqueta /head o bien puede ser antes de finalizar la etiqueta /body ustedes eligen.
puedes visualizarlo de la siguiente manera
donde dice class="java" puedes reemplazarlo con los idiomas que aki se muestran:
puedes visualizarlo de la siguiente manera
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
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
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?