Removing stubborn animated gif header image

As you may know Blogger blog header image can be uploaded or removed via Header gadget in Page Elements. All good and dandy, until you want to remove or replace the header image -because you can’t. If you use animated gif, and uploaded it using “From your computer” option, you probably won’t be able to remove it. This is maybe because Picasa Web Albums (Blogger image host) doesn’t support animated gif.

How do I remove it then? You remove it by replacing the whole header gadget with a fresh new one. Here’s how:

 

I. Remove the gif header gadget

1. Login to your Blogger account.
2. Go to Dashboard > Design > Edit HTML.
3. Back up your template.
4. Use the search function (Ctrl+F) to find “Header1“ in your template HTML. What you will find should look something similar like this :

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
   <b:widget id='Header1' locked='false' title='TitleOfYourBlog(Header)' type='Header'/>

5. To remove the problematic header, just delete code line 2 (the <b:widget...> line). 
6. Then in code line 1, change the showaddelement attribute value from  no to yes. Changing this will add an Add A Gadget link in the Page Elements page, enabling you to add a new header later.
7. Press Save Template button to save the changes.
8. A warning message will appear, asking if you like to keep the widget on your blog or delete it. Press the Delete Widgets button to confirm the deletion.

 

II. Install new header gadget

1. To install new header, go to Design > Page Elements and click the Add A Gadget at the header area.
2. Scroll down the page and choose Page Header.
3. Configure your new header and click Save.
4. Finished.

Enjoy!