¿Como insertar fragmento de código en blogger?


Muy buenos días, tardes o noche, un abrazo digital en este año 2020 para quien esta leyendo esta nota titulada " ¿Como insertar fragmento de código en blogger?". Hoy quiero compartir este tutorial dado que es muy común tener una bitácora de fragmentos de códigos, yo particularmente desarrollo varios proyectos web y en algunos casos es de mucha ayuda guardar fragmentos de códigos para futuros proyectos y compartir nuestro conocimiento con otros ":D y donde esta el Control de Versiones". Bueno vamos a comenzar.

Resultado de Instalar SyntaxHighlighter 3.0
// Mi Primer Código en PHP
$num1 = 15;
$num2 = 20;
$total = $num1 + $num2;
echo "La suma es: ". $total;

Paso 1

Insertar el siguiente código en la cabecera (head) de la template de blogger.

// enlaces CSS
href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"
href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"

// enlaces JS
src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'

// Código JS
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf'
SyntaxHighlighter.all();

Paso 2

Utilice la etiqueta (pre) dentro de esta inserte el fragmento de código en el contenido del articulo en blogger y utilice el código de la sintaxis a mostrar.


Con estos dos sencillos pasos puedes enriquecer tus entradas en blogger o en cualquier sistema de gestión de contenido con fragmentos de código. Espero que te guste y si tienes alguna duda nos dudes en escribirme o comentar, hasta otra publicación.

Publicar un comentario

0 Comentarios