Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: NikNitro! en 8 Febrero 2014, 12:46 pm



Título: Como hacer un formato de código para un blog?
Publicado por: NikNitro! en 8 Febrero 2014, 12:46 pm
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.
Código:
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
Código:
<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


Título: Re: Como hacer un formato de código para un blog?
Publicado por: EFEX en 8 Febrero 2014, 16:15 pm
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.


Título: Re: Como hacer un formato de código para un blog?
Publicado por: NikNitro! en 8 Febrero 2014, 16:22 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"

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 ;)


Título: Re: Como hacer un formato de código para un blog?
Publicado por: EFEX en 8 Febrero 2014, 16:47 pm
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
  1. <script src="https://gist.github.com/anonymous/8885112.js"></script>


Título: Re: Como hacer un formato de código para un blog?
Publicado por: NikNitro! en 8 Febrero 2014, 17:13 pm
Mmm, pues si que lo acepta ^^ Miraré la librería de javascript y sino acabaré usando github ^^

Grax ;)


Título: Re: Como hacer un formato de código para un blog?
Publicado por: 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 ^^

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


Título: Re: Como hacer un formato de código para un blog?
Publicado por: El Che Guevara en 9 Febrero 2014, 19:02 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¿?


Título: Re: Como hacer un formato de código para un blog?
Publicado por: NikNitro! en 9 Febrero 2014, 19:40 pm
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 ;)


Título: Re: Como hacer un formato de código para un blog?
Publicado por: El Che Guevara en 9 Febrero 2014, 19:51 pm
 :laugh: un gusto platicar con lucas comegalletas ja! ....pero sigo sin entender que funsion cumple ese codigo del cual hablan  :¬¬


Título: Re: Como hacer un formato de código para un blog?
Publicado por: NikNitro! en 9 Febrero 2014, 19:54 pm
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.


Título: Re: Como hacer un formato de código para un blog?
Publicado por: andrexGb en 11 Febrero 2014, 23:27 pm
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.

Hola NikNitro! 
yo soy principiante en lo que es blogger  pero como haces para tener esa apariencia en el blog en un template o tienes que programar desde cero.


Título: Re: Como hacer un formato de código para un blog?
Publicado por: NikNitro! en 12 Febrero 2014, 16:37 pm
Hola NikNitro! 
yo soy principiante en lo que es blogger  pero como haces para tener esa apariencia en el blog en un template o tienes que programar desde cero.

Bah. Ahora mismo uso una de las plantillas predefinidas, aunque si todo sigue bien no dudaré en hacerle una propia ;)

Saludos ;)