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=" 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.

Comments

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

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

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

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

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

    ReplyDelete
  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

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

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

    ReplyDelete
  9. Oh thnx man!!! im gonna give it a try in my blog http://indianjokesadda.blogspot.com/

    ReplyDelete
  10. This comment has been removed by the author.

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

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

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

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

    xo katie elizabeth
    ohheyylife.blogspot.com

    ReplyDelete
  15. please tell this procedure in step by step manner

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

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

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

    ReplyDelete
  19. Ohhhhh....I couldn't make this work for my dancing pony :( http://recoveringfromaburninjury.blogspot.com/

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

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

    ReplyDelete
  21. Thanks a lot brother. It really works.
    My site: http://newtechlight.blogspot.com

    ReplyDelete

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,
Admin

Popular posts from this blog

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.
DOFOLLOW BLOG DIRECTORIES

Bloghop.com
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…

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="http://myfundoo-blog.blogspot.com">…

27 Photography Blogger Templates for your Photo blog

This collection contain 27 different templates with unique banner unique design to each template, you’ll definitely find a Photography blogger template for you and your blog.The list includes Photoblog and Gallery style Blogger templates that you can use for showcasing your photos and design portfolio.Photo gallery blogger template

Don't forget to check out my previous collection of  33 music style blogger templates themes and xmls and
16 football/soccer blogger templates
1. Tequilas Flamejantes – DarkBlack color, Dark background. Gallery Blogger Templates 4 column, Right sidebar Fixed width, 1 sidebar.Photography Blogger Templates
This template for Gallery, Photo , blogs
DemoDownload 2.Tequilas Flamejantes – lightPhoto Gallery Blogger Templates This template for Photo gallery blogs Fixed width, Right sidebar. Yellow color, Light background. 4 column, 1 sidebar
DemoDownload 3. Photoplus Light Photography Blogger TemplatesFixed width, No sidebar. Light color, White backg…