Inserta código fuente en tu blog
27/07/08
Seguro que os habeis encontrado alguna vez en la típica situación de querer publicar código fuente en tu blog. No puedes escribirlo literalmente como lo harías con un procesador de textos porque las tabulaciones no funcionan correctamente y todo se desmorona. Pues bien, aquí os voy a presentar dos soluciones:
- La primera opción es mediante HTML, y es tan sencillo como colocar el código fuente encerrado entre las etiquetas <pre></pre>. Este sistema funciona en cualquier servicio de Blogs (Blogger, WordPress…), pero el resultado es bastante mejorable, aquí un ejemplo:
public static void main(String[]args){
for(int i=0;i<5;i++){
System.out.println(i);
}
}
- La segunda opción, válida sólo para blogs bajo el sistema WordPress, es mediante la instalación del plugin WP-Syntax. Para ello debes seguir estos pasos:
- Descarga el plugin desde aquí y descomprime el archivo en tu escritorio.
- Mediante FTP sube la carpeta que has descomprimido (wp-syntax) al directorio de plugins de tu hosting con WordPress (/wp-content/plugins/
). - Instala el plugin desde tu panel de control de WordPress.
- Ahora en el post correspondiente, encierra el código fuente entre las etiquetas
<pre lang="LANGUAGE" line='1'></pre>.
NOTA 1: Sustituye la palabra LANGUAGE por el nombre del lenguaje de programación, correctamente escrito (si no haces esto el código no se resaltará en colores). Los lenguajes soportados son: abap, actionscript, actionscript3, ada, apache, applescript, asm, asp, autoit, bash, blitzbasic, bnf, c, c_mac, caddcl, cadlisp, cfdg, cfm, cpp-qt, cpp, csharp, css, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gettext, glsl, gml, groovy, haskell, html4strict, idl, ini, inno, io, java, java5, javascript, kixtart, latex, lisp, lotusformulas, lotusscript, lua, m68k, matlab, mirc, mpasm, mxml, mysql, nsis, objc, ocaml-brief, ocaml, oobas, oracle8, pascal, per, perl, php-brief, php, plsql, python, qbasic, rails, reg, robots, ruby, sas, scala, scheme, sdlbasic, smalltalk, smarty, sql<, tcl, text, thinbasic, tsql, vb, vbnet, verilog, vhdl, visualfoxpro, winbatch, xml, xpp, z80
NOTA 2: Con ciertos símbolos ocurre error de visualización si se escriben con el editor HTML y después se visualiza en el editor Visual. Por ello lo mejor es que copiéis o escribais el código fuente con el editor HTML e inmediatamente publiquéis.
Aquí un ejemplo en Java:
public static void main(String[]args){ for(int i=0; i < 5; i++){ System.out.println(i); } }
Puedes dejar un comentario, o referenciar este post desde tu sitio web.


Hay 2 comentarios en este post.
F77Pog Thanks for good post
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.