Change your custom element are so easy you just do current blog header is cannot move a bit or remove it. The blogger made the header element locked by itself and do not to remove from any users. So they have to use the default header with your blog title, and description with eligible header image. So Let's start.
1: Sign in to Blogger blog, and go to Dashboard >>> Template >>> Edit HTML
2: backup your template before any change
3: now check box on top right of the HTML window
4: and Search following lines of code
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='YOUR_BLOG_TITLE (Header)' type='Header'/>
Change maxwidgets to 2, showaddelement To Yes, And Locked To False, as shown here:
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> <b:widget id='Header1' locked='false' title='YOUR_BLOG_TITLE (Header)' type='Header'/>
6: and find header element of your blog, the top most page element just after the Navbar
Just click Edit link correspond to the header
7: On the immediate POP-UP Box, Click Remove button and confirm removal
Your default header has been removed successfully. You can see Add a any Gadget link at the place where default header was placed before. Just Click on the link to implement custom header on your blogger blog.
Other Helping Links