Cómo usar gifs animados en Blogger [Tutorial]
Es interesante la utilización de imágenes .gif animadas para, por ejemplo, usarlas como indicadores de carga del blog o cosas por el estilo.
Pero si uno intenta subir usando el botón "Añadir imagen" de Blogger aparece un extraño comportamiento en al intentar usar imágenes gif animadas en Blogger, que se traduce en la conversión de las imágenes al formato PNG (no animadas).
Por ejemplo este gif:
¿Qué hacer en esos casos?
Como algunos ya sabrás, las fotos e imágenes que se suben al blog se almacenan en Picasa Web Albums de Google.
Pues, entramos a esa página y si se nos pide, elegimos nuestro nombre de usuario. No toma más de un minuto.
A continuación veremos una o varias "carpetas" con los característicos íconos de blogger y un candadito, normalmente una de estas carpetas tiene el nombre de nuestro blog.
Elegimos la carpeta, la que tiene el nombre de nuestro blog, hacemos clic en subir:
Seleccionamos el archivo que queremos subir y hacemos clic en Iniciar subida.La imagen aparecerá al final de entre las imágenes que ya hemos subido a Blogger, y se mostrará animada. Hacemos clic en ella. y luego clic en Copiar URL de imagen:
Copiamos esto anteponiendo las etiquetas img y src= de esta forma:
Siendo url_del_gif la URL de la imagen que copiamos anteriormente.
Por ejemplo este gif:
¿Qué hacer en esos casos?Como algunos ya sabrás, las fotos e imágenes que se suben al blog se almacenan en Picasa Web Albums de Google.
Pues, entramos a esa página y si se nos pide, elegimos nuestro nombre de usuario. No toma más de un minuto.
A continuación veremos una o varias "carpetas" con los característicos íconos de blogger y un candadito, normalmente una de estas carpetas tiene el nombre de nuestro blog.
Elegimos la carpeta, la que tiene el nombre de nuestro blog, hacemos clic en subir:
Seleccionamos el archivo que queremos subir y hacemos clic en Iniciar subida.La imagen aparecerá al final de entre las imágenes que ya hemos subido a Blogger, y se mostrará animada. Hacemos clic en ella. y luego clic en Copiar URL de imagen:
Copiamos esto anteponiendo las etiquetas img y src= de esta forma:<img src="url_del_gif">
Siendo url_del_gif la URL de la imagen que copiamos anteriormente.
A ver si funciona:
Eso es todo. Espero que te haya servido.
Eso es todo. Espero que te haya servido.
¿Te resultó útil? Ver otro post al azar (recomendado)
O usa los siguientes botones para compartir:
Suscribirse a:
Enviar comentarios (Atom)
1 comentario(s):
Global leader in design-for-test expertise paves finest way|the method in which} for mainstream adoption of 3D ICs Innovative solution dramatically streamlines DFT cycles for... For sure assignments, Covid-19 vaccination and/or testing additionally be} required by Randstad's shopper or applicable federal mandate, topic to accredited medical or Space Heaters spiritual lodging. Carefully evaluate the job posting for details on vaccine/testing necessities or ask your Randstad representative for more info. Support the manufacturing ramp-up section for new spanking new|for model new} products and train applicable personnel as wanted. Keeping in mind the uncertainties of COVID-19, we're repeatedly monitoring and evaluating the direct nicely as|in addition to} the oblique influence of the pandemic on different end use industries.