Skip to main content

How to add animated header or banner in blogger or webiste?


Adding animated header or blogger to your website:


So, here I'm going to show you all guys how you can add animated header or banner to your blogger which will look classy and catchy. I'll be providing the procedure in steps so that it can be easy for you all to understand each and everything. 

STEP 1:

Go to canva  and sign up there using you gmail account or facebook. After the sign up is done go to "create a design" and there select custom dimension. In the blox type 1140 × 300 and then tap on create design. 

STEP 2: 

After that create a new video with animation. You can use all the tools present there in order to create the video like elements tool, background tools etc. But don't forget to add animation in that video. You can add different type of animation like fade, breathe, pan etc. After doing all this save the video. 

STEP 3:


After that visit here . Then upload your video there and then tap on convert. 
After the conversion the video will be saved in gif. Click on download button and it will then be saved in your phone's gallery. 

STEP 4:

Go to your blogger account and then click on the 3-lines present at the uper left corner. Go, to 'layouts' and there click on header. In header tap on chose from computer and then upload that gif into that. Make sure to upload that gif. If you upload that video then you'll get and error message. 

STEP 5: 

Click on the save option and then visit your blogger page. Voila you're done. Your visitors will enjoy that cool and catchy animation while they browse through your page. 

This is my blog and here I've applied the similar steps and you can see the banner or header of my blog here 








ALSO READ:



So, that was it guys. Hope I managed to solve your problems.

 Happy reading :) 

Comments

Popular posts from this blog

How to remove white background or highlighted text from your blog?

Remove highlighted text or white text background from your blog or in blogger: Does this annoy you too? Don't worry we are here to assist you. We've recently moved this blog from here.  How to remove white background or highlighted text from blogger?