¿Cómo poner stikers animados?

Vamos hoy también en un viernes de tutoriales a explicar cómo puedes personalizar tu blog. Este tutorial es extremadamente fácil así que vamos a ello.

Primero de todo quiero pedir disculpas por un pequeño error que he cometido durante este tiempo, no he especificado bien el tipo de sticker que se debe usar con este código: se trata de stickers animados simples (como la imagen de arriba) pero no sirve para fotografías completas. Para ello voy a poner otro tutorial justo abajo de este para todo aquel que lo requiera.

Ahora sí, vamos con el famoso código que necesitamos, cópialo y pégalo en tus notas para modificar a gusto lo necesario:

<style>

.gif-rosa {

  display: flex;

  justify-content: center;

}

.gif-rosa img {

  width: 00px;

  height: auto;

  display: block;

}

</style>

<div class="gif-rosa">

  <img src="URL_DE_TU_GIF" />

</div>

Donde pone "width: 00px;" tenemos que poner el tamaño que deseamos que tenga el gif, recuerda nunca ponerlo más grande de lo que mide tu sidebar.

En la parte de "<img src="URL_DE_TU_GIF" />" tenemos que copiar el URL del gif que queramos y pegarlo, recuerda también que tienes que tener cuidado a la hora de pegar el link para que no te comas las comillas "".

Esto ya sería todo lo que tienes que hacer con el código, ahora tienes que pegarlo en la parte de diseño, bajando hasta donde tengas los sidebar, le das a "añadir un gadget" y a HTML/JavaScript y ahí lo pegas ya personalizado (ten cuidado con los espacios que parecen inútiles porque no lo son).

Para ver cómo te queda dale al ojo que sale en la pantalla de diseño abajo a la derecha y modifica el tamaño hasta que te quede como tau quieres. Cuando termines no olvides dale al botón de guardar que está al lado del ojo.

Ahora vamos a por los stickers tipo foto, como en la siguiente imagen:

No te preocupes porque esto también es muy fácil: primero vas a descargar tu imagen desde Pinterest (recuerda que sea un gif y no un video porque sino no funciona) y ahora vas a ir a ILoveImg para redimensionar el gif que has descargado. Es muy importante que las dimensiones de tu gif sean menores a las de tus sidebar para que quepan (por ejemplo, mi sidebar de la izquierda es de 390px por lo que mis stickers serán de máximo 340px).

Una vez redimensionado vas a volver a descargar la imagen y vas a ir ahora a ImgBB para crear el HTML correspondiente. Es importante que a la hora de copiar el enlace debes ver bien que el código de inserción esté en "HTML completo enlazado". Una vez bien puesto copia lo que te salga.

Cuando ya tengas tu código HTML deberás ir a la parte de Diseño de Blogger y, en el sidebar que tu quieras, darle a "agregar un gadget". Buscarás la parte de HTML/JavaScript y pegarás en donde pone "contenido" el código que has copiado antes.

Recuerda darle a guardar tanto al gadget como luego en la parte de diseño abajo a la derecha para que no se te borre el proceso.

Esto sería todo, perdonadme a todos aquellos que han seguido este tutorial entes del 8 de junio porque no había tenido en cuenta que a lo mejor lo que buscabais no era el tipo de sticker que había puesto, muchas gracias por la paciencia!! Nos vemosss