Ver repositorio en github

Hola chicos esta vez me gustaría compartirles un pequeño complemento que he desarrollado y espero les sea de utilidad, se trata de un script para manipular el tamaño de las imágenes en blogger de una manera muy sencilla y fácil de usar.

Instalación

Antes de proseguir al modo de uso, debemos instalar el javascript. En nuestro Panel Tema editar html buscamos </body>, justo encima de este pegamos lo siguiente:

<script src="//cdn.jsdelivr.net/gh/Karasu-themes/karasu-plugins/karasu-image/dest/krs-image.min.js"></script>

Guardamos los cambios y listo.

Importante Antes de hacer cualquier cambio sobre tu plantilla, procura hacer un respaldo de esta.

Modo de uso

El modo de uso es relativamente sencillo; En la imagen que necesitemos cambiar el tamaño, debemos agregar el atributo data-krsImage el cual debe contener un objeto json con las siguientes propiedades:

Propiedad Uso Tipo
w Nos permite manipular el ancho de la imagen Number
h Nos permite manipular el alto de la imagen Number

Un ejemplo sería el siguiente:

<img src="{{url_image}}" data-krsImage='{"w": "200", "h": "100"}'/>

Nota

Este plugin solo funciona para imágenes alojadas desde blogger. Si encuentras errores o quieres proponer una posible mejora, no dudes en dejarlo en los comentarios.


Bueno eso sería todo, espero les sirva de algún modo. Saludos y que estén bien.