miércoles, 16 de diciembre de 2009

Usando SyntaxHighlighter en Blogger

SyntaxHighlighter es un conjunto de javascripts y css usados para darle formato a codigo fuente en paginas html. Para poder usarlo desde Blogger se debe realizar la siguiente configuracion

  1. Seleccionar Layout -> Edit Html desde la pagina de configuracion
  2. Ubicar la seccion <head>
  3. Copiar la siguiente definicion justo despues del tag head y salvar el template. En este bloque solo agregue los lenguajes que yo uso mas frecuentes. Para ver la lista completa usen este enlace


Para poder usarlo en un post deben editar en html el mismo y usar la siguiente definicion




Despues de brush se debe indicar el tipo de codigo usado. Aqui se tiene una lista de los valores permitidos.

Es importante definir solo lo necesario ya que colocarlas todas puede hacer que la pagina tarde en cargar.

Un ultimo detalle, los cambios realizados solo se ven despues de publicar el post. Durante la edicion o si se salva como draft no se ven los cambios. Ademas al momento de publicar, el editor indica que hay un error con el CDATA, solo hay que indicarle que lo ignore y listo.
Publicar un comentario