Cambiar tamaño de imagenes alojadas en blogger
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 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.
