Wednesday, June 1, 2011

Uploading animated .gif image to Blogger pos

I tested uploading animated .gif image to Blogger post at Testing uploading animated .gif image to Blogger.

Conclusion of the test is, if you upload the animated image direct via the Blogger photo upload icon Google Blogger photo upload icon, the image will no longer be animated as you can see from the first image which was uploaded via the via the Blogger photo upload icon Google Blogger photo upload icon in the toolbar of the Blogger post editor.

If you want the image to remain animated, you must first host the animated .gif image with the free Photobucket image host and use HTML to display the animated image. Here is a screenshot of the animated .gif image uploaded to Photobucket (click on screenshot to enlarge):

Update: According to error7zero, "you can uploaded your (animated gif) files to Google Sites. Apparently, it is also easier to track.

animated gif image uploaded to Photobucket

IMPORTANT NOTE: In the screenshot above, I have highlighted the third tag wrongly. You can use it directly, but the image will link to Photobucket homepage, and not to your image or any other sites you want the image to link to. Further, the alt="some description" attribute describe Photobucket". It is the second tag (URL) that you should use for use in your profile, typing your own <img src="image URL" alt="" /> to display the image or to use the image as a hyperlink to another site, eg, your book you are trying to sell on Amazon, etc. However, if you are not familiar with using the <img> tag to display images, the third tag (highlighted) you can just copy and paste into your Blogger post editor window to display the image, and if you wish, edit the target URL to link to any site of your choice and edit the alt="" attribute to some description of your image. The HTML have already been prepared for you and you don't need to know any HTML

For blogging purposes, only the second and third box is relevant. The IMG code (one of the BBB code normally only used in bulletin boards) where you can just copy-paste the IMG code into a message and post in a bulletin board to display the image.

For displaying animated .gif images, you MUST use the EDIT HTML mode for your post editor, otherwise you will not be able to write HTML properly.

No comments:

Post a Comment