jueves, 25 de septiembre de 2014

Como configurar resaltador de sintaxis en blogger

  1. En primer lugar, tener una copia de seguridad de su plantilla Blogger
  2. Después de que abra su plantilla de blogger (En el modo de Edición  HTML)  copiar todo el css dado en este enlace antes de la etiqueta </ b: skin> 
  3. Pegar el siguiente código antes de la etiqueta  </ head>.  Recuerda omitir los lenguajes de programación que no necesites.
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
  4. Pegar el siguiente código antes de la etiqueta </ body>.
    <script language='javascript'>
    dp.SyntaxHighlighter.BloggerMode();
    dp.SyntaxHighlighter.HighlightAll('code');
    </script>
  5. Guardar la plantilla del blogger
  6. Ahora el resaltado de sintaxis está listo para usarse con la etiqueta <pre> </ pre> 
    <pre name="code">
    ...Your html-escaped code goes here...
    </pre>
    
    <pre name="code" class="java">
    public class Person { 
        private String firstName, lastName, job, gender;
        private int salary, age;
    }
    </pre>
  7. Puedes escapar tu código aqui
  8. Acá esta la lista de los lenguajes soportados por el atributo <class>

No hay comentarios:

Publicar un comentario