lunes, 18 de mayo de 2009

Insertar SyntaxHighlighter en Blogger (para que tu codigo se vea bonito)

He publicado varias articulos sobre programación y al principio tenia una serie de problemas, ya que no me gustaba como se veia el codigo era horroroso como si se hubiera copiado del bloc de notas y este hubiera sido escrito todo en una misma linea estuve probando con varias opciones hasta que encontre SyntaxHighlighter que es lo mejor que he encontrado para publicar codigo y lo mejor es que es gratis

Pero si ocupas solo poner un breve tag lo mas recomendable es un convertidor de tags aqui hay uno que esta muy bien y es de facil uso BloggerPaste

Bueno ahora les enseñare como implementar SyntaxHighlighter en Blogger

Primero que nada estas modificaciones se van a hacer en la parte que corresponde al diseño de tu blog en el apartado de Edición de HTML una vez estando ahi esto es lo que haremos

Necesitaras la informacion de la hoja de estilo

1.- Copia el sigueinte bloque



.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

2.- Pegalo despues de <b:skin><!--[CDATA[/*
y antes de ]]--></b:skin>
3.- Copia lo que viene y pegalo despues del tag </head>
















4.- Copia lo que sigue y pegalo despues del </body> tag



5.- Salva tu plantilla y ahora cada vez que desees poner codigo en tu Blog deberas ponerlo como se muestra a continuacion


...Aqui va el codigo que quiera los diferentes tipos los puedes encontrar en la pagina del proyecto

No hay comentarios: