I just had a heckuva time trying to upload an animated GIF file to a post. Turns out that as of right now, animated GIFs are not supported in Blogger. I found a workaround on another blog, but the instructions were confusing (to say the least), so I’ll take a stab at rewriting them in a way that makes sense to me.

The workaround uses Google Docs. If you have a Blogger account, you already have access to Google Docs.

  1. First go into Blogger and write your post as normal. Upload the image as you normally would. This will be a placeholder. You’ll modify this later to swap out the working animated GIF image. Save the post as a draft.
  2. Open Google Docs
  3. Upload the animated GIF to Google Docs. (Select “Upload” from the main page)
  4. Once the image is uploaded, go to Share–> Publish as Web Page…
  5. On the bottom, choose Post to Blog. If this is the first time you’ve done this, you’ll have to set up your blog settings, which is pretty self explanatory.
  6. Now, it will post your image to a new blog post.
  7. Go into the blog post and go to Edit HTML to get the SRC of the image. Copy this.
  8. Go back to the original blog post.
  9. Go into Edit HTML.
  10. Find the “SRC=” in the original image code and replace the value there with the new location from Google Docs (you copied this in step 7)
  11. Publish the post.
  12. Delete the post that includes just the image.

As I was typing this, I was thinking that an easier way might be to just use Google Docs to compose your posts that include animated GIFs, but I haven’t tried it.

Good luck.