Skip to main content

Adding animated GIFs to blogger

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=" " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" " 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=" " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" " 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.


  1. by the way the image is hilarious.....
    I like the image more than i like the post
    Thanks anyways

  2. we can write like it too
    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

  3. Thanks beben for your information on this...
    Yes just remove s1600 or s320 something like that and your image will work fine.

  4. Oh...thanks for the tip.

    I 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.

  5. Thank you for these very information.The were useful for me. Looking forward to read
    your next post. Gifs

  6. 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.

    stephanieflc at yahoo dot com

  7. This website is well designed and very popular
    I like these Clip Arts.Gifs

  8. I am going to try it on my blog........thanks.

  9. Oh thnx man!!! im gonna give it a try in my blog

  10. This comment has been removed by the author.

  11. The Gifs that i do can never be as good as ones others make :(

  12. Great 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.

  13. Sir. Missed recently my Template IMAGES ( sailer-cruiser). Sir, How to restore? Pl Help ? Pl reply? - With high regards.

  14. this is awesome! thank you so much! i was struggling with this for a while.

    xo katie elizabeth

  15. please tell this procedure in step by step manner

  16. Good Day dude..does it work when its put on the header?

  17. thanks`s the simplest solution that I've found...

  18. Wow.. Thanks a lot. It greatly helped me .

  19. Ohhhhh....I couldn't make this work for my dancing pony :(

    I have no idea about HTML and am learning....painfully slowly!

  20. Thank you for the code, it really helped me to upload a gif on my blog!

  21. Thanks a lot brother. It really works.
    My site:


Post a Comment

Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.
Thanks for reading,

Popular posts from this blog

Get ip-address widget for your blogger

Here is a unique collection of  IP address widgets which shows your visitors their Ip address,operating system,country,browser and the version of the browser.It is cool thing to display  ip address to your visitor's specially if you have TECH related blog.
Now you can get these any of these widgets and add these to your blogs by following these steps -

Get Ip Address Widget for your blog

1 .Choose any widget they are in different size and shapes,choose any according to your blog requirement.
2. Login to blogger dashboard ,and the click on Layout - > page Elements .
3. ADD a new HTML/Javascript gadget anywhere in your blog.
4. Copy any code from below(all are working) and paste in to HTML / Javascript gadget and then save your gadget.
5 Done,Your widget is Now live

1 .Square Ip Address Widget (Height=125px, Width=125px)<!--Ip Address Widget Starts--><span style="display: block; text-align: center;"><a href="">…

Best DoFollow Blog directories list for seo

List of Dofollow Blog directories,
Note: some items have profile information some do not, doesn’t matter, they’re all DoFollow Blog directories so submit your blogs to them all.
Year Site Created: 2000
Indexed Pages in Google: 103,000
Backlinks in Yahoo: 542,700
PageRank: 6
Link Status: Dofollow
Quantcast Rank: 200,223
Editorial Policy: Yes
Spam in index: No
Submission rules: From the website:
We will reject: Spam blogs, hate blogs, stolen blogs, links to non-blog websites, links to illegal or illicit topics like child pornography. Blogs with under 5 posts are no longer accepted, but they might be waitlisted for later review if they look cool.
Commercial blogs are fine, but they must be “fun and useful.” Because of the huge amount of robot-generated blogs being submitted, blogs with the following will not be approved for listing: Acne, Mesothelioma, Real Estate, Lawsuits, Insurance, Gambling, SEO, Web Marketing, Medical Procedures and En…

Add a reply option to blogger comments like Wordpress

If you Are using blogger platform for your blog than during some stage of your blogger life you must have noticed that blogger does not have Reply option to it comments.This is one of the major reason why people migrate towards Disqus or IntenseDebate comment Platform.
I suggest you to read this - Readers can't comment on your blog - Tip For You

With a very little change to your template you can add this hack to your blog.
This hack was originally posted on thisischen

ScreenShot :
Update - Previous Reply code was not working for some blogger templates.This is an updated version and work well with all templates
Adding Comment Replies to your blog.

Step [1] In your dashboard Click 'Layout' > 'Edit Html'> Tick the 'Expand Widget templates' box.

Step[2] Find the following code in your blogs Html : <data:commentPostedByMsg/> 

Step[3]. Paste the following code Directly Below/After <data:commentPostedByMsg/>  

<span class='comment-reply'…