Como hacer un formato de código para un blog?

Iniciado por NikNitro!, 8 Febrero 2014, 12:46 PM

0 Miembros y 1 Visitante están viendo este tema.

NikNitro!

Buenas. Antes de nada decir que no se si esto debería ir aquí (puesto que lo que quiero es variar una forma de mostrar texto, y blogger me deja crear post en html). Bueno, si mirais mi blog (estoy empezandolo aún) en mi firma vereis que trata de ejercicios resueltos de programación. También os fijareis que el código está muy feo, pues las tabulaciones se reducen y demás.
Había pensado intentar ponerlo en algo tipo esto

Pero no se como hacerlo. Algún consejo?

Salud ;)

EDITO: He usado el <code> </code> pero lo que hace es eliminarme tabulaciones y saltos de línea, por lo que quedaría aún peor  :-\

EDITO2: Al final he conseguido algo parecido usando

<pre class="brush: java">
lo que quiero codear
</pre>


Aunque en la vista previa queda super bonito y luego vuelve a perder la tabulación al actualizarlo T_T

EFEX

Podes usar este libreria en javasript llamada SyntaxHighlighter.
http://alexgorbatchev.com/SyntaxHighlighter

Pero viste https://gist.github.com ? podes crear un codigo sin estar registrado, copias (Embed this code), pegas y listo.
GITHUB 

NikNitro!

Cita de: EFEX en  8 Febrero 2014, 16:15 PM
Podes usar este libreria en javasript llamada SyntaxHighlighter.

Se pueden usar esas cosas editando via html en blogger? Son las páginas ".blogspot.com"

Cita de: EFEX en  8 Febrero 2014, 16:15 PM
Pero viste https://gist.github.com ? podes crear un codigo sin estar registrado, copias (Embed this code), pegas y listo.

Lo conozco, pero quiero que el tema de enlaces exteriores sea mínimo, pues luego pasa lo que pasa. Links rotos, tutoriales inacabados... Y no quiero que ocurra ;)

Saludos y gracias ;)

EFEX

Imagino que si se puede..

No es un enlace a la pagina fijate crea un documento html, esribe esto y abrilo con el navegador, bum magia  :)
Código (html4strict) [Seleccionar]

<script src="https://gist.github.com/anonymous/8885112.js"></script>
GITHUB 

NikNitro!

Mmm, pues si que lo acepta ^^ Miraré la librería de javascript y sino acabaré usando github ^^

Grax ;)

NikNitro!

#5
Buenas. ESTO es exactamente lo que quiero ^^
(mirar el "CUADRANTES.java" dentro del link)
http://unestudiantedeinformatica.blogspot.com.es/2014/01/ejercicio-resuelto-java-cuadrante-en.html#comment-form

Salud ^^

EDITO: Parece ser que lo conseguí. Y gracias a SyntaxHighlighter. Muchas gracias EFEX. Ya si que está esto cerrado ^^

El Che Guevara

Cita de: NikNitro! en  9 Febrero 2014, 18:51 PM
Buenas. ESTO es exactamente lo que quiero ^^
(mirar el "CUADRANTES.java" dentro del link)
http://unestudiantedeinformatica.blogspot.com.es/2014/01/ejercicio-resuelto-java-cuadrante-en.html#comment-form

Salud ^^
:huh: y en la PRACTICA  too ese codigo que muestra en un blog¿?
"la unica verdad es la realidad" (Domingo Peron)

NikNitro!

Te refieres al código de ese blog? No. Estamos hablando de cómo poder meter código de una forma "bonita" y "elegante" en una web html. En mi caso, mi blog (lo tengo en la firma) es de ejercicios resueltos de programación y me viene muy bien esto ^^

Salud ;)

EDITO: No se si me explico xD. La finalidad es que la gente pueda ver el código, no compilarlo ;)

El Che Guevara

 :laugh: un gusto platicar con lucas comegalletas ja! ....pero sigo sin entender que funsion cumple ese codigo del cual hablan  :¬¬
"la unica verdad es la realidad" (Domingo Peron)

NikNitro!

Jajaja. Vuelvo a decirte que lo importante no es el código, sino la "caja" en la que está metido.

Aunque bueno, si te empeñas... Ese código (escrito en JAVA) obtiene las coordenadas de un punto y te devuelve el cuadrante en el que está. Se deduce fácilmente con los comentarios ;)

Salud.