Ticker

6/recent/ticker-posts

Implementar SyntaxHighlighter en Blogger

En el siguiente apartado implementaremos SyntaxHighlighter en su versión online. Permitiendo resaltar el texto del algunos lenguajes de programación, para mayor detalle puedes visitar la pagina oficial.

Ingresamos a nuestro blog y nos ubicamos en la opción de Plantillas y clic en Editar HTML:

Nos ubicamos en la sección de <head></head> del HTML de la plantilla y pegamos las siguientes lineas:








Y clic en guardar plantilla:

Para poder hacer efecto de las lineas adicionadas, debemos considerar al momento de redactar un nuevo tema debemos adicionar <pre class="brush: csharp"> aquí el código que quieras publicar, en mi caso es C# </pre> estando en la versión HTML:

Y como resultado tendríamos lo siguiente:
Todo esto recién se notará cuando se realiza la publicación

Lenguajes que soporta:

  • AppleScript (applescript)
  • ActionScript3 (as3, actionscript3)
  • Bash/shell (bash, shell)
  • ColdFusion (cf, coldfusion)
  • C# (c-sharp, csharp)
  • C++ (cpp, c)
  • CSS (css)
  • Delphi (delphi, pas, pascal)
  • Diff (diff, patch)
  • Erlang (erl, erlang)
  • Groovy (groovy)
  • JavaScript (js, jscript, javascript)
  • Java (java)
  • JavaFX (jfx, javafx)
  • objc Objective-C/Cocoa
  • Perl (perl, pl)
  • PHP (php)
  • Plain Text (plain, text)
  • PowerShell (ps, powershell)
  • Python (py, python)
  • Ruby (rails, ror, ruby)
  • Sass (sass,scss)
  • Scala (scala)
  • SQL (sql)
  • Visual Basic (vb, vbnet)
  • XML (xml, xhtml, xslt, html, xhtml
Espero los sirva, nos vemos en el siguiente tutorial.

Publicar un comentario

2 Comentarios