Friday, June 25, 2010

Adding Animated .GIFs to Blogger

Apparently, it is believed that Blogger does not support animated GIF images. This belief is correct to some extent. However, as you can see from this post "Wordless Wednesday: Height of Automation", you definitely can insert an animated GIF image into a Blogger post.

The statement that 'Blogger does not support animated images' only means to say that the WYSIWYG editor of Blogger does not support such images. In other words, if you try to upload an animated GIF image in your blog post though Blogger's Post Editor, the GIF file is converted automatically into a static PNG file during the upload process.

So how does one add an animated GIF into a Blogger post? Very simple really.

  1. Just login directly into your Picasa Web Albums. All images added to posts on Blogger are actually stored on Picasa Web Albums, in a folder carrying the name of your blog.

  2. Use the "Upload" button there to directly upload your animated GIF file to the album for your blog.

  3. When you see the newly uploaded image in the thumbnail list, just click on it. It displays the image in its actual size.

  4. Right click on this image, and then click on "Properties" (right at the bottom). It displays a small "Element Properties" box.

  5. Copy the value mentioned against "Location" in this box. This value is the actual URL of your image.

  6. Come back to Blogger's Post Editor, and click on the "Add Image" button on the Toolbar.

  7. In the "Blogger: Upload Images" box, enter this copied URL in the "Add an image from the web" box, on the right side. Refer to the screenshot below.



That's it. You will see the animated GIF image in your Blogger Post Editor now. Mine shows this black cat, deep in thought, strolling across the width of the 'Compose' box.

(Continued below sponsored content)


DMCA.com Protection Status

Let me know you visited me. Leave a comment!

And if you enjoyed reading this post, then please SHARE it. You can use the following buttons for sharing. Thank you! :)



2 comments:

arvind kumar said...

Nice
I was looking for the same. this post solved my question.

Chicky a.k.a. Kaddu said...

@Arvind: Glad to be of service! Thanks for dropping by. :)

Post a Comment

If you're not a blogger, you can comment with your Google Account (gmail ID).

To receive email reply to your comment, check "Notify me" below the comment box.

And don't forget to follow miss_teerious via Blogger / Bloglovin' / Facebook / Twitter / Email / RSS!
(Don't worry, I hate spam too!)