How To Show GIF Images in Blog (Blogger)

Blogger does not provide the facility to show .gif (movable images ) on blog directly. You can upload .gif images in blogger but without editing html section, blogger shows gif images as a still images like JPEG.
Blogger shows your images as a thumbnail with certain size, does not show original image link from Picasa, where images are stored. Some blog users upload gif images at some free image hosting sites like Photobucket, flicker, imageshak and put direct link address in post to show gif as movable, but I think this method will increase the blog loading time. Blogger have to contact image hosting sites every time whenever blog loads. Here is a simple trick to show gif image movable without using any image hosting sites. Follow some simple steps-

1. Upload .gif image in post (insert image)
2. Go in Edit HTML section of post editor.
3. Look the link of your uploaded image, it will look like this-

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGDkEFthbyPIaTwPuyRmBGClJTTldzXiSirGL_I43UR4ymSkVUDwRlrn7hnlKYr5QbbQd2W4j7fvgXYOk0DDYX1tKHKrqzkBSmFepm9jDh7hXdg-1L1bW-LmIeKn2dvh6u6NdFOQFwawf/s1600/srt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGDkEFthbyPIaTwPuyRmBGClJTTldzXiSirGL_I43UR4ymSkVUDwRlrn7hnlKYr5QbbQd2W4j7fvgXYOk0DDYX1tKHKrqzkBSmFepm9jDh7hXdg-1L1bW-LmIeKn2dvh6u6NdFOQFwawf/s1600/srt.gif" width="319" /></a></div><div style="text-align: center;">

You can easily notice that the src (source of image) codes in green color come from Picasa, the direct link of image that you uploaded and the codes given in red color, blogger changes it automatically with the codes to show image in your blog as thumbnail.

4. Simply, replace the codes in red color with the codes in green color.
Hint:-Replace image src codes with the codes that come from Picasa. 

By doing this, blogger shows the original link of your images, not the link created by it to show images as thumnail. Now all your gif images will move with no problem. If you have any question please leave your valuable comment. 

Arvind

Baca juga