Seguí estos pasos:
1. http://fgilsole.blogspot.com/2009/01/como-insertar-codigo-fuente-en-un-blog.html?showComment=1323404325639#c1143599608399135656
2. Y estos: http://2webfacil.com/publicar-codigo-fuente-en-blogger/
Pero no me funciona.
Primero trate con el no. 1 (le agregué java que es el que me interesa) y funcionó a medias: salían los números de línea y el tipo de letra correcto, pero las líneas no salían con colores alternados, ni con el recuadro y no se resaltó la palabra for (el bucle) que era la única palabra reservada que tenía, lo único que se coloreo fue un número. Después borré todo los cambios que había hecho e intenté con el no.2, pero no hace nada.
Hola, la verdad ami si me ha funcionado, al menos el de alexgorbatchev.
Prueba Highlight.js.
Es solo un archivo y un css (tema). Funciona bien y es bastante ligero (26,9kb).
Demo (http://softwaremaniacs.org/media/soft/highlight/test.html) | Pagina oficial (http://softwaremaniacs.org/soft/highlight/en/)
Saludos
Así es como sale actualmente: http://binar10s.blogspot.com/2011/12/de-donde-salen-los-algoritmos.html
Highlight.js no entiendo muy bien como instalarlo.
Dice que debo poner esto, pero no sé dónde:
<link rel="stylesheet" href="styles/default.css">
<script src="highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
Sería dentro del <head> </head> ?
Además donde en la línea:
<link rel="stylesheet" href="styles/default.css">
se supone que debo poner la hoja de estilos que estoy usando, pero no sé cuál es.
En la segunda línea:
<script src="highlight.pack.js"></script>
Creo que debería sustituirla por:
<script src="http://yandex.st/highlightjs/6.1/highlight.min.js"></script>
porque me dice que ya esa es una versión que soporta los lenguajes más comunes.
Y la última línea, creo que se quedaría igual...:
<script>hljs.initHighlightingOnLoad();</script>
En resumen ¿qué cambios debo hacer para que funcione en mi blog?
Cita de: Aikanáro Anário en 10 Diciembre 2011, 00:09 AM
Highlight.js no entiendo muy bien como instalarlo.
Dice que debo poner esto, pero no sé dónde:
Sería dentro del <head> </head> ?
Si
Cita de: Aikanáro Anário en 10 Diciembre 2011, 00:09 AM
Además donde en la línea:
<link rel="stylesheet" href="styles/default.css">
se supone que debo poner la hoja de estilos que estoy usando, pero no sé cuál es.
Si descargas el .zip vas a ver la carpeta styles, hay es donde estan los diferentes temas osea cambia los colores y el fondo.
Cita de: Aikanáro Anário en 10 Diciembre 2011, 00:09 AM
En la segunda línea:
<script src="highlight.pack.js"></script>
Creo que debería sustituirla por:
<script src="http://yandex.st/highlightjs/6.1/highlight.min.js"></script>
porque me dice que ya esa es una versión que soporta los lenguajes más comunes.
Creo que podes usar el archivo highlight.js para que no busque si hay alguna version nueva.
Cita de: Aikanáro Anário en 10 Diciembre 2011, 00:09 AM
Y la última línea, creo que se quedaría igual...:
<script>hljs.initHighlightingOnLoad();</script>
En resumen ¿qué cambios debo hacer para que funcione en mi blog?
Sip, igual
Y por ultimo para agregar un nuevo codigo se utiliza asi...
<pre><code class="html"> codigo html </code></pre>
Me da error al agregarlo, esto es lo que estoy poniendo
<link rel="stylesheet" href="styles/default.css">
<script src="http://yandex.st/highlightjs/6.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
Lo puse inmediatamente después de <head>
También probé así:
<link rel="stylesheet" href="http://yandex.st/highlightjs/6.1/styles/default.min.css">
<script src="http://yandex.st/highlightjs/6.1/highlight.min.js">
hljs.initHighlightingOnLoad();
</script>
y así:
<link rel="stylesheet" href="http://yandex.st/highlightjs/6.1/styles/default.min.css">
<script src="http://yandex.st/highlightjs/6.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
Pero también me da error.
(http://i333.photobucket.com/albums/m399/Link02/errorblog.png)
Amigo el artículo de 2WebFacil es obsoleto y los links están rotos, solo te llevará a enredarte más en lo que deseas hacer, quiero compartirte un método eficaz que implemente en mi blog y hasta ahora funciona perfectamente, lo eh publicado y compartido en un artículo para personas como tu lo utilicen también.
SyntaxHighlighter:
http://onsoni.blogspot.com/2011/10/anadir-codigo-fuente-en-blogger.html
Espero pueda servirte, es excelente para añadir cualquier tipo de código en especifico, cualquier duda solo dime.
Saludos.
Al final no he podido hacer nada, me quedo con la opción que dice Carluís en su blog, un resaltador de código online.