Agregar resaltado de código fuente a tu blogger

¿Cómo resaltar el código java, javascript, html, php y otros lenguajes en tu blog? Muy fácil usando SyntaxHighlighter. En este caso, explicaré de cómo hacerlo en el Blogger a fecha 01 de Abril de 2021. 

¿Porqué indico la fecha? Simplemente, por que suelen cambiar los diseños del Blogger con el paso del tiempo y enseguida quedan desactualizadas las pantallas.

 El proyecto OpenSource SyntaxHighlighter esta creado en Javascript y tiene la intención de ayudar a que un programador pueda resaltar en una página web, el código fuente de un lenguaje de programación con un formato adecuado.

Pasos para instalarlo en el Blogger

1.- Entramos en la página principal de blogger, y en el control principal seleccionaremos Tema.

2.- Seleccionaremos el botón "flecha hacia abajo" que esta al lado de Personalizar. Este Desplegará un menú que se muestro en el siguiente paso.

3.- Seleccionamos Editar HTML.

4.- Presionamos CTRL+F (buscar) y aparece una caja de texto "Search". Escribimos </head> ya que nos interesa introducirlo después de esta etiqueta html.

5.- Introducimos el siguiente código en la página. Dicho código lo proporciono en el siguiente paso.

El código que incluyo en la imagen, te lo facilito a continuación:

6.-Guardamos. Ahora nuestro blog ya esta preparado para introducir entradas resaltado nuestro código fuente. 

Agregar otros lenguajes de programación o cambiar de tema

 

Para agregar otros lenguajes de programación o cambiar de tema, solo tienes que inlcuir el script correspondiente que te facilita el proyecto en el lugar correspondiente. En el codigo anterior, entre comentarios se encuentra las diferentes sintaxis de los lenguajes que deseo que resalte mi blog: shBrushPowerShell.min.js, shBrushJScript.min.js, shBrushBash.min.js entre otros. La siguiente pagina web te ayuda a copiar el script necesario: https://cdnjs.com/libraries/SyntaxHighlighter

Para resaltar el código fuente en la entrada del blogger

 

Simplemente tenemos que introducirlo entre la etiqueta HTML <pre></pre>. Un ejemplo de un código java, se incluirá de la siguiente manera:

  
public class Main {

    public static void main(String[] args) {
        System.out.println("Hola mundo");
    }
}
 

Cómo corregir el Error de Prosa de la seguridad social española

Debido a la situación especial que vive España y con la intención de facilitar la configuración de la herramienta que utiliza la página de la seguridad social para realizar gestiones o tramites a nivel online. Actualmente la administración pública se esta quedando obsoleta a nivel tecnológico y no sigue el avance de una sociedad del siglo tecnológico. Para realizar los tramites de la seguridad social se requiere además de los distintos certificados Cl@ve, Dni Electrónico, entre otros, se requiere una aplicación que se descargará automáticamente cuando se requiera firmar el tramite llamada PROSA y que requiere que el usuario la tenga instalada y configurada en su ordenador personal. Dicha aplicación requiere que el usuario tenga JAVA.

Cuando firmas el tramite se descarga el fichero: firmar_prosa.jnlp que deberas ejecutar manualmente. Este fichero es una herramienta llamada Prosa y que debería estar asociada con javaws y al hacer doble clic ejecutarse.

Para que la herramienta funcione correctamente, sigue los siguientes pasos:

1. Usa Google Chrome como navegador, preferiblemente
2. Asegurate que tienes Java preinstalado: https://www.java.com/es/download/help/version_manual_es.html
3. En caso de que no tengas Java, descargate el JRE para Java 8: https://www.java.com/es/
4. Asocia la extensión .JNLP al ejecutable javaws que lo localizaras en: "C:\Archivos de Programa\Java\jre1.8xxx\bin\"
5. Verifica tu Configuración Java. Abrela ejecutando como Administrador. Se abrirá el Panel de Control. Selecciona la Pestaña Avanzado

6. Agrega la url: "https://w6.seg-social.es" a la lista de exclusión de la configuración java:

Con estos pasos debería funcionarte correctamente.

Ejecutar un ISO de SingStar de PS2 en una PS3

En este post pretendo ayudar a resolver los problemas que he tenido para poder ejecutar en una Playstation 3 (PS3) con HEN,  los SingStar de la PS2, sobretodo aquellos titulos o discos no originales que tienen formato ISO o BACKUP.

Lo he realizado en 5 pasos, y para facilitarme la vida, lo he publicado en un github para que pueda editarlo en caso de que tenga que mejorarlo.

A quien le pueda servir le dejo el enlace del github: SingStar PS2-ISO en PS3

Caracteres raros en la consola

Posiblemente, los problemas derivados de un mal uso o mala comprensión del encoding, sea uno de los principales dolores de cabeza para muchos desarrolladores. Es fácil determinar que cuando en una web estamos viendo «sensación» en vez de «sensación», es que pasa algo con el encoding.

¿Cómo solventar este problema en la consola de windows?

Pues simplemente dos pasos:

1. Establecer como tipo de letra en las propiedades del intérprete de comandos (el conocido "Símbolo de sistema de Windows") "Consolas" o "Lucida Console"
2. Cambiar la "página de códigos" utilizada empleando el comando chcp. En concreto, para utilizar la codificación de caracteres CP-1252 hay que teclear: chcp 1252. O si tu proyecto utiliza UTF-8, ejecutar chcp 65001

¿Qué Web soporta desde tu dispositivo?

¿Puedo confiar en las funciones de la Plataforma Web para crear mi aplicación? Una visión general de las APIs HTML5 de integración de dispositivos Enlace web:

Uso de temas de Bootswatch para Jhipster

Requiere una versión mayor a la 4 de JHipster y cuya definición sea AngularJS

Para tener temas Bootswatch en lugar del tema por defecto sólo tiene que sustituir el css bootstrap con el css del tema bootswatch. Sin embargo, si desea un conmutador de tema fresco para cambiar entre los temas de Bootswatch dinámicamente, a continuación, siga esta sugerencia.

Nota: reemplace ‘pscApp’ con el nombre generado de su aplicación.

Agrege los siguientes ficheros:

Controlador

Agrega el siguiente controlador como bootswatch.controller.js bajo la ruta webapp/app/components/bootswatch

(function() {
 'use strict';
 
    angular
        .module('pscApp')
        .controller('BootswatchController', BootswatchController);

    BootswatchController.$inject = ['$scope', 'BootSwatchService'];

 function BootswatchController ($scope, BootSwatchService) {

   /*Get the list of availabel bootswatch themes*/
   BootSwatchService.get().then(function(themes) {
    $scope.themes = themes.themes;
    $scope.themes.unshift({name:'Default',css:''});
    //$scope.themes.push({name:'Default',css:''});
   });
   
 }

})();

Servicio

Agrega el siguiente servicio como bootswatch.service.js bajo la ruta webapp/app/components/bootswatch

(function() {
 'use strict';
 
    angular
        .module('pscApp')
        .factory('BootSwatchService', BootSwatchService);

    BootSwatchService.$inject = ['$http'];

 function BootSwatchService ($http) {
  return {
   get: function() {
    
    return $.getJSON("https://bootswatch.com/api/3.json", function (data) {
      return data.themes;
    } );

   }
  };
 }
 
})();

Directiva

Agrega la siguiente directiva como bootswatch.directive.js bajo la ruta webapp/app/components/bootswatch

(function() {
 'use strict';
 
    angular
        .module('pscApp')
        .directive('jhSwitchTheme', jhSwitchTheme);

    function jhSwitchTheme () {
  /*Directive binds to anchor to update the bootswatch theme selected*/
  return {
   restrict: 'A',
   scope: {
    theme : '=jhSwitchTheme'
   },
   link: function (scope, element, attrs) {
    var currentTheme = $("#bootswatch-css").attr('title');
    if(scope.theme.name === currentTheme){
     element.parent().addClass("active");
    }

    element.on('click',function(){
     $("#bootswatch-css").attr("href", scope.theme.css);
     $(".theme-link").removeClass("active");
     element.parent().addClass("active");
    });
   }
  };
 }

})();

En el index.html:

Agregue lo siguiente al archivo index.html después de la tarea de construcción CSS vendor.css para que éstas no se minifiquen y compacten por tarea de compilación.

Añada en el header

   
    
 ...
    
    
 
 
    
    
    
    

Añada lo siguiente en el pie de página

     


This is your footer

    



      



      {{theme.name}}
     

Agrege los siguientes script tags en el fichero index.html manualmente. Si ‘gulp inject’ falla, recibirá errores de angular

Agregar "Abrir con Notepad++" para el menú contextual del Explorador de Windows

Abrimos el cmd ( "Windows + R" y escribimos "cmd" ) con permiso de administrador  y copamos el siguiente código. Pulsamos intro y, "Listo".

Nota: Revisa el directorio (notepadPath) donde tienes instalado el programa notepad++. En mi caso particular, notepad se encuentra en la siguiente ruta C:\Program Files (x86)\npp.7.2\ 
 

@echo off
SET notepadPath=C:\Program Files (x86)\npp.7.2\notepad++.exe
 
rem add it for all file types
@reg add "HKEY_CLASSES_ROOT\*\shell\Open with notepad++"         /t REG_SZ /v "" /d "Open with notepad++"   /f
@reg add "HKEY_CLASSES_ROOT\*\shell\Open with notepad++"         /t REG_EXPAND_SZ /v "Icon" /d "%notepadPath%,0" /f
@reg add "HKEY_CLASSES_ROOT\*\shell\Open with notepad++\command" /t REG_SZ /v "" /d "%notepadPath% %1" /f 

rem add it for folders
@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with notepad++" /t REG_SZ /v "" /d "Open with notepad++" /f
@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with notepad++" /t REG_EXPAND_SZ /v "Icon" /d "%notepadPath%,0" /f
@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with notepad++\command" /t REG_SZ /v "" /d "%notepadPath% %1" /f
pause

A modo de ejemplo vamos a hacerlo lo mismo para Brackets, para ver que es aplicable para todos los programas.

@echo off
SET st2Path=C:\Program Files (x86)\Brackets\Brackets.exe
 
rem add it for all file types
@reg add "HKEY_CLASSES_ROOT\*\shell\Open with Brackets"         /t REG_SZ /v "" /d "Open with Brackets"   /f
@reg add "HKEY_CLASSES_ROOT\*\shell\Open with Brackets"         /t REG_EXPAND_SZ /v "Icon" /d "%st2Path%,0" /f
@reg add "HKEY_CLASSES_ROOT\*\shell\Open Brackets\command" /t REG_SZ /v "" /d "%st2Path% \"%1\"" /f 

rem add it for folders
@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Brackets" /t REG_SZ /v "" /d "Open with Brackets" /f
@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Brackets" /t REG_EXPAND_SZ /v "Icon" /d "%st2Path%,0" /f
@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Brackets\command" /t REG_SZ /v "" /d "%st2Path% \"%1\"" /f
pause