How to Add a Custom Header in Blogger

Tweet

Someone asked me how to a dd a custom header in a blog but I didn't know how to do this. I had to read different articles to learn how to do this. I found there are so many ways to do it so here is the simplest  method to do it. I have decided to put this here so if you need to add a header in your blog you can just do it..

As always sharing is caring..


Note: Always before editing your template, you may want to save a copy of it
Click Edit HTML button.
Tick on, Expand Widget Templates option.

Now search for following or similar line of code in your template which relates to your blog header section and alter attributes using regarding attribute information indicated.

b:section class = 'header' id= 'header'  maxwidgets ='1'  showaddelement =' no' ;

maxwidgets='1' showaddelement='no'>

Change 1 to the number of headers you would like to have and the no to YES..

Now you can add custom header for your blog. But before you proceed, remove current header on your blog. You can find the line similar to below, just after the line of above.

b:widget id= 'Header1 ' locked= 'true' title='Header (Header)' type=' Header'/

 

Change the locked attribute value to false.

Now Save Template.

Go to Page Elements tab.

Now click Edit link correspond to the header.

On the immediate pop-up box, click Remove button and confirm removal.

Now your default header has been removed. You can see Add a Gadget link at the place where default header was placed before. Click on the link to implement custom header.