How To Add a Custom Header Element In Blogger

How To Add a Custom Header Element In Blogger

The header of your blog is the first part which every visitors coming in to your blog view.

The custom header is Different from the default header being set down for you by blogger, the default header comprises of your blog description and the title.

Using the custom header I think is the best for you.
Don't you think you can change the default header or are you finding it difficult? why not try this out.

Step 1
Login to your blogger account and then select your blog from the blogger dashboard.

Step 2
Then you will have to scroll your mouse down and  click on template

Step 3
On the template page click on edit html code and then backup your template.

Step 4
Now click on your html code and then press CTRL+F on your keyboard and then search for the codes below

<b:section class='header'id='header' maxiwidget='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR_BLOG_TITLE (Header)'type='Header'/>

Step 5
Now you will have to do some little arrangement to the code above by changing so things listed below.

maxiwidget='1'   to maxiwidget='2'


So after doing that your code should look like this

<b:section class='header' id='header' maxiwidget='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='YOUR_BLOG_TITLE(Header)' type='Header'/>

Step 6
Now after doing all the necessary changes then click on the save template button at the top.

Step 7
Now go back to your blogger layout button and then  click on edit tab this is located after the navbar.

Step 8
Now there will be a pop up window just click  on Remove button below and that's all now you add what ever gadget you want.

Don't forget to drop your comment down if you have any problem thanks.


  1. Great read. The explanation is clear but don't think I wanna change my header now.


    1. lol oneday don't be suprise someone will ask you for help thanks

  2. Nice to be here as usual. Honestgist.blogspot.com