Hoy voy a tratar un tema que me parece interesante y del cual no he visto nada por la red y es como crear nuestros propios shortcode al estilo de WordPress adaptándolos a Blogger.

 

Los que habéis trabajado o conocéis WordPress ya sabréis que es eso de los shortcode, para los que no sepan de su existencia o nunca hayan trabajado con shortcode, simplemente decir que un shortcode es, como ya se deja ver en el nombre, un código corto que es interpretado por la página y nos muestra aquello que hayamos programado para ese shortcode.

Hay que tener en cuenta que un shortcode por si solo, no vale para nada, no hace nada, necesita de programación php extra para que pueda funcionar, y como ya sabemos en Blogger no admite lenguaje php por lo que nosotros lo haremos en HTML y JavaScript, comencemos su realización.

El ejemplo que vamos a ver es crear un shortcode muy sencillo para que luego este ejemplo podamos adaptarlo a las necesidades de cada uno.

 Vamos a ver como haríamos un shortcode para mostrar en cualquier parte del blog, en este caso es un mensaje de que nos sigan en la red social de Instsagram.

Nuestro shortcode seria:

1. <div id="instagram" />

Este código lo podemos poner en cualquier parte de nuestro blog, (dentro de las entradas, en la cabecera, en la columna laetal..), por si solo este código no hará nada, es ahora cuando le diremos con JavaScript que tiene que hacer el blog cuando encuentre este código.

Pondremos el siguiente código antes de la etiqueta </body>  de nuestro código fuente

O si lo que necesitáis es poner una imagen enlazada, el código seria el siguiente:

1. <script>
2. //creado por https://joason.com
3. document.getElementById("instagram").innerHTML = '<a href="url de destino"><img src="url de la imagen" width="ancho" height="alto" /></a>';
4. </script>