¿Cómo poner un formateador de código en blogger?

Aikanáro Anário · 9 Diciembre 2011, 05:56 AM

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.

#!drvy · 9 Diciembre 2011, 18:44 PM

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 | Pagina oficial

Saludos

Aikanáro Anário · 10 Diciembre 2011, 00:09 AM

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:

Código (html4strict) [Seleccionar]


<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:

Código (html4strict) [Seleccionar]


<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:

Código (html4strict) [Seleccionar]


<script src="highlight.pack.js"></script>

Creo que debería sustituirla por:

Código (html4strict) [Seleccionar]


<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...:

Código (html4strict) [Seleccionar]


<script>hljs.initHighlightingOnLoad();</script>

En resumen ¿qué cambios debo hacer para que funcione en mi blog?

EFEX · 10 Diciembre 2011, 02:25 AM

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:
Código (html4strict) [Seleccionar] Expandir
<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:
Código (html4strict) [Seleccionar] Expandir
<script src="highlight.pack.js"></script>
Creo que debería sustituirla por:
Código (html4strict) [Seleccionar] Expandir
<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...:
Código (html4strict) [Seleccionar] Expandir
<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...

Código (html4strict) [Seleccionar]


<pre><code class="html"> codigo html </code></pre>

Aikanáro Anário · 10 Diciembre 2011, 03:36 AM

Me da error al agregarlo, esto es lo que estoy poniendo

Código (html4strict) [Seleccionar]


<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í:

Código (html4strict) [Seleccionar]


<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í:

Código (html4strict) [Seleccionar]


<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.

Carluís · 11 Diciembre 2011, 15:50 PM

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.

Aikanáro Anário · 12 Diciembre 2011, 02:18 AM

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.