Monday, 17 June 2013

Animated Gifs on Blogger

While publishing my last post I discovered that Blogger doesn't support animated gifs as standard. This is because by default Blogger converts image files into jpegs so they loose their animation.

Do not fear though, there's a really simple work around to get those gifs moving.

First upload your gif to a third party image hosting site, I like postimage.org

Then paste the following code into your blog post where you want your image to appear:

<div class="separator" style="clear: both; text-align: center;">
<img src="http://www.youraddress.com" width="640"/>

Now replace the the "http://www.youraddress.com" URL in code with the URL for your own gif.

You can then set the image size by changing width which I've currently got set to "640", you can also set the images alignment by changing "centre" to "left" or "right".

No comments:

Post a Comment