Cómo insertar código en tu blog

Publicado por       No hay comentarios:
 

 ¡Hola! Aquí estamos de nuevo después de tanto tiempo.

Aquí les traigo una forma de insertar su código (ya sea de programación, maquetado, etc...) en su blog si así lo desean, eso si... solo soporta los siguientes:

  • Apache
  • CSS
  • HTTP
  • JavaScript
  • Objective-C
  • Python
  • Bash
  • CoffeeScript
  • Ini, TOML
  • Makefile
  • PHP
  • Ruby
  • C#
  • Diff
  • JSON
  • Markdown
  • Perl
  • SQL
  • C++
  • HTML,XML
  • Java
  • Nginx
  • Properties
  • Shell Session

https://highlightjs.org/


Ahora pasemos a lo picante.

Para poder "instalarlo" es necesario que siempre guarden una copia de seguridad. No me cansaré de decirlo, porque luego pasa algo y no tienen cómo recuperar la bonita plantilla que tenían. Para ello, van a Tema -> Copia de seguridad (al lado de personalizar hay una flecha que despliega unas cuantas opciones, entre ellas esta).

Muy bien, una vez hecho eso, van a la misma flechita pero esta vez seleccionan Editar HTML.

Deben buscar las etiquetas <head> </head>. Pueden usar el atajo "ctrl + f" y buscar a una de ellas (no ambas ya que entre ambas hay cientos de instrucciones).

La idea es simple, es colocar este código entre ambas:
<!-- Syntax Highligting --> <script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/go.min.js'/> <link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/vs.min.css' rel='stylesheet'/> <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js'/> <script>hljs.initHighlightingOnLoad();</script> <!-- FIN Syntax Highligting -->

 Yo por ejemplo, busqué la etiqueta de cierre (</head>) y lo coloqué antes.

Y solo queda guardar.

Luego, cada vez que querramos usarlo es cosa de que introduzcamos el código desde la opción HTML de blogger, el siguiente código:

<pre> <code class="c#"> Nuestro código va aquí </code> </pre>

En el lápiz del lado superior izquierdo es donde deben ir.




En donde dice c# reemplácenlo por el código que vayan a utilizar en ese momento para que reconozca la sintaxis, ¡Y LISTO!


Eso es todo, cualquier cosa los estoy leyendo. ¡Besos!

No hay comentarios:

Publicar un comentario

 
Copyright © 2014 Sweet Library All Right Reserved
Designed by OddThemes