One of the main annoying limitations of blogger is that it does not allow to post animated gifs to the post. The good news is that the Picasa Web Albums , Google service where you stored the images posted on Blogger supports animated images in GIF format.
The problem is that the HTML image, generated automatically by default post editor of Blogger, displays a thumbnail and not the original file hosted on Picasa.Because of that the animation does not work.
This problem can be solved by editing the HTML manually by Replacing the URL of the image displayed in the post with the URL of the link created automatically by Blogger.
In the example below are highlighted respectively: The URL of the original image (green) and the URL of the thumbnail generated by the Blogger post editor (in red):
<div class="separator" style="clear: both; text-align: center;">
<a href=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s320/YouTubeLoad.gif " width="320" /></a></div>
Just replace the address highlighted in red with the address highlighted in green and the animated image will appear on your blog.
<div class="separator" style="clear: both; text-align: center;">
<a href=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " width="320" /></a></div>
Now this code(with both green url ) will difinately work.
I have been working hard to write the best posts on my blog but some how i am not getting necessary comments. Pls do comment to uplift boost me up.
by the way the image is hilarious.....
ReplyDeleteI like the image more than i like the post
Thanks anyways
we can write like it too
ReplyDeletehttp://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/YouTubeLoad.gif
just del number 1600...hihihi
thanks Ihsan
i'm little hard comment in your blog...plis change frame on comment side scroll=no be scroll=yes/auto....that can make easy for internet low speed
Thanks beben for your information on this...
ReplyDeleteYes just remove s1600 or s320 something like that and your image will work fine.
Oh...thanks for the tip.
ReplyDeleteI guess, the reason why Blogger discourages animated gifs and reconverts the same into one-frame still-photo jpg's is because some animated gifs are too massive in terms of file size and may slow down browsing or loading of sites, especially if the same large-filesize gifs are used as profile photos which will appear on every Blogger page that the user would comment upon on.
Thank you for these very information.The were useful for me. Looking forward to read
ReplyDeleteyour next post. Gifs
can you explain how to do animated gifs in the sidebar, do you "add a gadget" and if so which one? i want to sell 125 x 125 adspace but need them to be animated gifs.
ReplyDeletestephanieflc at yahoo dot com
Good post
ReplyDeleteThis website is well designed and very popular
ReplyDeleteI like these Clip Arts.Gifs
I am going to try it on my blog........thanks.
ReplyDeleteOh thnx man!!! im gonna give it a try in my blog http://indianjokesadda.blogspot.com/
ReplyDeleteThis comment has been removed by the author.
ReplyDeletevery good and awesome
ReplyDeleteThe Gifs that i do can never be as good as ones others make :(
ReplyDeleteGreat the Blog. Searching since started a blog. Very very knowledged, informative, responding and helping. To try all these, after making my template error free. Hope blog errors/problems are also looked into. Thanking You with high regards.
ReplyDeleteSir. Missed recently my Template IMAGES ( sailer-cruiser). Sir, How to restore? Pl Help ? Pl reply? - With high regards.
ReplyDeletethis is awesome! thank you so much! i was struggling with this for a while.
ReplyDeletexo katie elizabeth
ohheyylife.blogspot.com
please tell this procedure in step by step manner
ReplyDeleteGood Day dude..does it work when its put on the header?
ReplyDeletethanks man...it`s the simplest solution that I've found...
ReplyDeleteWow.. Thanks a lot. It greatly helped me .
ReplyDeleteOhhhhh....I couldn't make this work for my dancing pony :( http://recoveringfromaburninjury.blogspot.com/
ReplyDeleteI have no idea about HTML and am learning....painfully slowly!
Thank you for the code, it really helped me to upload a gif on my blog!
ReplyDelete