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

6 comentarios:

proyectosbeta dijo...

@Raziel2099 muchas gracias por tu aporte.
saludos

Luciano Rasente dijo...

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

Saludos!

proyectosbeta dijo...

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

Unknown 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