How to Add Animated Image in Blogger

Spread the love

You can use animated image(GIF) in your Blogger post to make your post more beautiful. Animated image(GIF) is like a video, animated image have moving objects. It’s called GIF and the full form of GIF is graphics interchange format. An animated image is more eye catching than any single image. Animated graphics are amazing. They are not boring but more interesting. Your visitor will surely impressed by any animated image in your blog. It’s a great idea to add an animated image in your blog. You can use this animated image as a Blog header. You can use this in your blog post to decorate your blog post. This will give your blog visitor a great experience.

If you want to add animated image in your Blog and want to add on your blog post, than this tutorial is for you. In this tutorial, we will show you how to make animated image also. So let’s start.

How to create Animated image(GIF)?

To create an animated image you have to follow those simple steps. Just follow those steps:

Step-1: First of all you have to download this software named PhotoScape. To download this software just click here.

 How To Add Animated Image in Blog

Step-2: Now open the software and Click on Animated GIF from the menu.

 How to Add Animated Image in Blog

Step-3: After that you will get a page with full of options to create and customize your animated GIF. Now click on add to image and select all the pic that you want to insert in animated image.

 How to Add Animated Image in Blog

Step-4: After inserting all the images that you want to use in animated image you can see an animated GIF in the software. You can change the time of animation by clicking on change time. You can change the animation effect by going on Change effect.

-If you want to change the resolution of animated image then click on Set to first photo size then you will get many option to change the resolution. You can change it manually by miter , you will get this miter below the resolution option. You will get more option on that box.just like: Ratio and background color.

 How to Add Animated Image in Blog

Step-5: After all customization of your animated images just click on save. Now your animated GIF is ready!

 How to Add Animated Image in Blog

How to use animated image in Blogger Post?

Now you know how to create animated image. But you can not upload this animated image in Blogger. You have to do some work for that. To add your animated image in your blogger post you have to get HTML Code. To add animated image in your blogger post just follow those simple steps:

Step-1: At first you have to to Photobucket and login with your account. If you don’t have nay Photobucket account then just create new account by going here.

 How to Add Animated Image in Blog

Step-2: After login or creating account just upload your animated image(GIF) on photobucket by clicking Upload button. After that your animated image will start uploading.

 How to Add Animated Image in Blog

Step-3: After uploading your animated image just click on uploaded image.Now your animated image will appear with some code. Just copy the HTML code from that box.

 How to Add Animated Image in Blog

Step-4: To use your animated image in Blogger blog post you have to go inHTML tab when you writing your post and copy that HTML code on there. Your animated image will show in Compose tap.

 How to Add Animated Image in Blog

How to use animated image as Blogger Header?

If you want to use animated image as a blog header, then you have to just follow those simple steps:

Step-1: First off all you have to go at Blogger Dashboard. Than go to Layout . Now you will see an edit option under the Header . just click on edit.

 How to Add Animated Image in Blog

Step-2: Now a pop-up window will open with some option. In that pop-window chose one option to add animated blog header image. In first option you can upload the animated image from your computer.

In second option, just copy and paste the direct link of your animated image from Photobucket and paste it in the URL box.

 How to Add Animated Image in Blog

You can get some cool animated blog header here.

After All hard work just save it.Now your animated blog header is ready. Just enjoy! Your animated header should seen like this:
How to Add Animated Image in Blog

If you need any help please comment here or contact us and send your questions and problems.

bnewtech Editorial Staff

Editorial Staff at Bnewtech is a team of reviews and tutorial writing experts led by BTS. Page maintained by BTS.


Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.