How To Add Gif Images / Animations To Post On Blogger

Welcome



[Updated: 21-6-2018]



Blogger supports still images, videos and text to post on your blog but when it comes to animation or GIF image you have to do slightly different procedure.
Big Issue ! not really you just have to know a little about HTML image tag i.e . 




<img src="image_url" />



 It's a piece of cake to add gif image to you post. Let's begin.

STEP #1: You have to upload your GIFs to any image hosting sites like Photobucket. Go to any images hosting website, create account upload your GIF file.

You may Google them using "images hosting sites" keywords, tons of link will appear.

STEP#2: After you have uploaded the GIF. you'll get link for you GIF file. Every GIF has a specific link. Copy the link and past the link in following HTML code and then paste this simple HTML tag in your post body .
for example the link to you GIF file is https://mywebsite/my.gif then you will do the following


< img src = "https://mywebsite/my.gif" alt "my_gif" />



Now lets do an example.


GIF link : https://i.gifer.com/UGQn.gif

Code : < img src = "Gif_link" alt "my_gif" />

Lets Merge : < img src = "https://i.gifer.com/UGQn.gif" alt "my_gif" />

Results :


More Examples:






NOTE: you have to select interpret typed HTML otherwise HTML tags will be ignored




Please let me know if you find any kinda difficulty posting It

Post Comments Please

70 comments:

  1. could u please tell how to escape from, playing the same pic in a loop!

    ReplyDelete
    Replies
    1. sorry din get your question please repost with more details

      Delete
    2. I think what he meant is that he would like to play a GIF, but without it replaying in a loop over and over again

      Delete
    3. Change the gif format to video format and post it as a video.

      Delete
  2. for ( ; ; ){ cout << "same to you :-p" << endl; }

    ReplyDelete
  3. in reader coments option there are only

    1.allow
    2.dont allow

    there are no other options but u have three options how can we keep our gif image for our comments as u said when im having only two options

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
  5. thank you so much for the info...
    i forgot this code way back in college
    thank u for reminding me :)

    ReplyDelete
  6. i have done it, its nice but i have not been able to do my reason for creating it. i want to add it to another blog and have it directed to my other blog. how is that possible. i dnt want it to direct my viewers to photobucket. is it possible to change were will be directed to?

    ReplyDelete
  7. It keeps saying that the code is broken up. I cant fix it! Please help me out.

    ReplyDelete
  8. where do i select interpret html?

    ReplyDelete
  9. Use "Windows live writer" software
    We can insert gif directly into blogger

    ReplyDelete
  10. How do you put a gif as your background image?

    ReplyDelete
  11. How do you put a gif as your background image?

    ReplyDelete
  12. This comment has been removed by a blog administrator.

    ReplyDelete
  13. This comment has been removed by a blog administrator.

    ReplyDelete
  14. This comment has been removed by a blog administrator.

    ReplyDelete
  15. This comment has been removed by a blog administrator.

    ReplyDelete
  16. Thanks... this worked. I used html encryption obtained from giphy.

    ReplyDelete
  17. This comment has been removed by a blog administrator.

    ReplyDelete
  18. This comment has been removed by a blog administrator.

    ReplyDelete
  19. This comment has been removed by a blog administrator.

    ReplyDelete
  20. This comment has been removed by a blog administrator.

    ReplyDelete
  21. this post is very helpful to me
    i m new to blogging , see my blog and suggest me some changes my blog:- www.parasdhankecha.blogspot.in

    ReplyDelete
  22. How does AdSense and AdWords work pls?

    ReplyDelete
  23. This comment has been removed by a blog administrator.

    ReplyDelete
  24. This comment has been removed by a blog administrator.

    ReplyDelete
  25. This comment has been removed by a blog administrator.

    ReplyDelete
  26. This comment has been removed by a blog administrator.

    ReplyDelete
  27. This comment has been removed by a blog administrator.

    ReplyDelete
  28. This comment has been removed by a blog administrator.

    ReplyDelete
  29. This comment has been removed by a blog administrator.

    ReplyDelete
  30. This comment has been removed by a blog administrator.

    ReplyDelete
  31. You can use our blog comments to add some focal keywords in your blog posts. There are lots of benefits of blog comments and if you use them efficiently then surely you can get higher ranking in search engine results.

    When you reply your viewer’s comment on your blog, try to add some keyword idiom in your reply in a normal way that looks clear while reading.

    Keep in mind, as an alternative of adding your targeted words try to use some long tail keywords in your comment segment. In this way you can make better your keywords ranking too.

    ReplyDelete
  32. This comment has been removed by a blog administrator.

    ReplyDelete
  33. Thankyou very much!
    I have been searching everywhere
    Every guide is on wordpress!
    And i don't know coding. I det confused on seeing symbols and <href <div all these symbols😅

    ReplyDelete
  34. This comment has been removed by a blog administrator.

    ReplyDelete
  35. This comment has been removed by a blog administrator.

    ReplyDelete
  36. This comment has been removed by a blog administrator.

    ReplyDelete
  37. This comment has been removed by a blog administrator.

    ReplyDelete
  38. This comment has been removed by a blog administrator.

    ReplyDelete


  39. I am very impressed with your post because this post is very beneficial for me and provide a new knowledge…
    easy-gif-animator-crack

    ReplyDelete
  40. I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. crackroom.org I hope to have many more entries or so from you.
    Very interesting blog.
    Easy GIF Animator Crack

    ReplyDelete
  41. I guess I am the only one who came here to share my very own experience. Guess what!? I am using my laptop for almost the past 2 years, but I had no idea of solving some basic issues. I do not know how to Easy to Direct Download But thankfully, I recently visited a website named softcrack
    Bandizip Enterprise Crack

    ReplyDelete
  42. Wow, amazing block structure! How long
    Have you written a blog before? Working on a blog seems easy.
    The overview of your website is pretty good, not to mention what it does.
    In the content!
    cracklie.net
    Toad for Oracle Crack
    DLNow Video Downloader Crack
    Enfocus PitStop Pro Crack
    Express Scribe Crack
    RonyaSoft Poster Designer Crack
    CyberGhost VPN Crack

    ReplyDelete
  43. This comment has been removed by a blog administrator.

    ReplyDelete
  44. Hi! This is very well written and it's so interesting. This is so awesome. But you should also see this...

    Kerish Doctor
    Origin

    ReplyDelete
  45. Many thanks for sharing such incredible knowledge. It's really good for your website...
    Zoner Photo Studio X
    foobar2000

    ReplyDelete
  46. I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. I hope to have many more entries or so from you.
    Very interesting blog.
    insofta-cover-commander-crack
    gilisoft-secure-disk-creator-crack
    aomei-backupper-professional-crack
    skatter-crack

    ReplyDelete
  47. I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. I hope to have many more entries or so from you.

    Very interesting blog.

    SoftPerfect WiFi Guard Crack

    ReplyDelete
  48. I am happy after visited this site. I like all your posts. You were very nice Thanks for the information provided, they helped me a lot crackbins.com I hope you have more information Great blog.

    MiniTool MovieMaker Crack

    Navicat Premium Crack

    PassFab iPhone Unlocker Crack

    Soothe 2 VST Crack

    Quick Heal Total Security Crack

    Rhinoceros Full Crack

    ReplyDelete
  49. I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. I hope to have many more entries or so from you.

    Very interesting blog.

    Enfocus PitStop Pro Crack
    EasyWorship Crack

    ReplyDelete

{lang: 'en-GB'}