Bienvenidos a Nuestro Mundo - A Proyectos Beta!

En nuestra vida, desde que nacemos todo lo probamos, ensayamos y testeamos; así también erramos, caemos pero por sobre todo aprendemos. Es decir, todo lo que hacemos forma parte de una nueva experiencia, de un PROYECTO. El que siempre exista la posibilidad de mejorarlo es lo que lo convierte en BETA. En este blog queremos compartir contenidos de tipo informático con artículos de programación, software libre y propietario, redes, base de datos, noticias, experiencias, etc... y también de humor. Es un sitio de todos y para todos. Participá! Sos importante ...

Usando SyntaxHighlighter en blogger


Estaba haciendo una entrada pero quería colocar códigos fuentes de java y que salgan bien y ordenados.
Busque en varios lugares y encontre un blog que explicaba bien como hacerlo.

SyntaxHighlighter es una herramienta basada en JavaScript que, nos permite mostrar código fuente en múltiples lenguajes, como si fuera visto en un IDE de código.
Esta opción es muy útil y importante si quisieras utilizar en tu blog para publicar un código fuente de algún lenguaje de programación.

Inserta las siguientes lineas de código ANTES de la etiqueta de cierre del head (</head>):
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>


Estas brushes nos permitirán usar lenguajes como javascript, xml (xhtml, xslt, html, xhtml) y java. Hay muchas más disponibles, como podemos ver aquí.

Ya tenemos todo listo para hacerlo funcionar y se hace como sigue: Para insertar código de tipo java por ejemplo:
<pre class="brush: java">
public static void main ( String args[] ){} 
</pre>

Con esto insertamos el código en java, lo cual se vería así:
public static void main ( String args[] ){} 

Si quieren pueden utilizar otro lenguaje, solo se tiene que cambien el "java" por cualquier otro que sale en la referencia de brushes.

Observación: Para insertar códigos que requieran usar caracteres como "<", es mejor usar los códigos de escape, que para este caso es <, ya que de lo contrario los navegadores pensaran que "<" dentro del pre, significará el comienzo de un Tag de html.

Referencia original: JP Web Develop

7 comentarios:

RAZIEL2099 dijo...

Creo que lo que estan buscando son resaltadores de codigo

http://www.elwebmaster.com/general/los-mejores-resaltadores-de-sintaxis-de-codigo-para-tu-web

Para los blogs El punto 11 es el que mas mola, diablos!, incluso para desarrollar en modo local o una web, pues te da el archivo CSS y ofrece una gran variedad de diseños, ademas es compatible con varios tipos de sistemas operativos.

Yo lo postearia en mi blog, pero no tendria sentido (quisas en otra ocasion). si quieren visitenlo y vallan a

http://raziel2099.blogspot.com/2009/04/analizadorlexjava.html

Veran un ejemplo.

Aunque para mas seguridad he sustituido los espacios en blanco y tabs por &_n_b_s_p;_ (espacio HTML) jeje... pero el codigo que ofrece es bastante bueno... lo unico que hay que fijarse es que no haya espacios en blanco al final de las lineas del codigo fuente que se va a convertir... el editor de blogger da ese problema, pues le agrega una linea mas al codigo que ofrece el programa (en el caso de que haya espacios en blanco al final).

Tambien te da la opcion de embeber el codigo CSS en las etiquetas y asi tener todo el codigo.

fires dijo...

@Raziel2099 muchas gracias por tu aporte.
saludos

Lucho Rasente dijo...

Gracias! no sabés lo que busqué esto!

Saludos!

fires dijo...

@Lucho Rasente me alegra mucho que te sirvió. XD

Gunar dijo...

gracias x el post!! excelente!!

Prox dijo...

Una chulada ya lo instale, al principio con dificultades pero poco a poco se logor... gracias por el aporte!!!!

proyectosbeta dijo...

@Prox (30 de Julio de 2011 a las 21:00): que suerte que te sirvio. Nos vemos XD

Publicar un comentario

Expresate y se crítico en tu vida. XD

Recibir Artículos Por Correo

Categorías

acertijos (1) adsense (1) adwords (1) AJAX (1) algoritmos (8) android (32) apple (5) autocad (1) base de datos (16) bash (1) becas (1) benchmark (1) blogger (2) blogs (27) bsd (1) buscadores (22) c# (1) CAD (1) camaras digitales (1) casting (1) CentOS (9) certificados (1) ciencia (1) CLEI (5) cloud computing (3) codigo fuente (9) Compiladores (4) Concursos (14) conferencias (24) congresos (6) consolas (7) criptografia (1) css (6) curso online (10) cursos (14) debian (50) Diseño (11) edicion video (7) emuladores (3) encuestas (2) entrevistas (9) ERTIC (1) etico (1) eventos (87) extjs (2) facebook (18) flash (2) flicker (1) FLISOL (13) geek (6) geoserver (2) GIMP (8) gis (29) Google (48) hacking (1) Hardware (30) haskell (3) HTML 5 (20) humor (261) imagenes (238) Ingenieria (14) internet (1) iphone (3) Java (42) Javascript (14) JQuery (3) juegos (36) libros (5) Linux (248) MAC (1) manga (2) Manuales (10) mapquest (1) MapServer (5) matematica (2) Microsoft (26) Microsoft Windows (27) Moviles (16) musicas (7) mysql (3) navegadores (41) newsletters (1) nokia (2) Noticias cientificas (7) Noticias Informaticas (39) Noticias varias (14) nube (1) openlayers (13) openstreetmap (10) opiniones (1) oracle (9) Paraguay (102) photoshop (1) Php (12) podcast (1) postgres (7) Programacion (135) prolog (1) proyectos (10) python (3) radio (6) Recursos (112) redes (10) Redes Sociales (62) resumenes (1) Revistas (57) ruby (2) seguridad (23) seminarios (6) sencha (2) SEO (3) Series (1) Silverlight (1) Sistema Operativo (27) smartphone (1) Software Libre (198) sun (2) tablet (19) tecnologia (24) tecnoPyensis (6) Testing (5) Trabajo (6) trucos (22) Twitter (29) Ubuntu (152) varios (113) videos (173) virtualizacion (14) visual basic net (2) web (86) wikipedia (1) Windows 7 (23) windows 8 (1) Windows XP (2) wordpress (5) xml (1)

Entradas Aleatorias

Seguidores

Últimos Comentarios

Archivos del Blog