A Blog for Tips & Tricks

Wednesday, February 22, 2017

How to Add Custom Header & How to Remove Default Header in Blogger

How to Add Custom Header & How to Remove Default Header in Blogger

Blogger made the header element locked by itself to not to remove by the users. As far as you tried to remove it or customize it, you may be experienced that it cannot removed or customized. Therefore, users have to use default header with blog title, description and header image. After all this blogger conditions, do you think that you can remove or customize your blogger header with blog title? Yes, definitely, you can remove your blog header with blog title and you can add more than one blogger header title or customize it too.
However, the next question is that, is it safe to remove blogger header title? Is this affecting any blogger SEO? Answer to these questions is yes, it is safe and not affecting to blogger SEO if you do it safely. OK then let us start how we can make it safely for our blog.

Also ReadHow to Add Keywords in Blogger Post for Better SEO
Also Read:  How To Put AdSense Ads Inside The Blogger Post

How to add ‘Add a Gadget’ to blogger header element?
Step 1
Go to Blogger Dashboard >> Template >> Edit HTML as shown below,
How to Add Custom Header & How to Remove Default Header in Blogger

Note: Before to edit HTML code of blog, it recommended saving a copy of your blog template.

Step 2
Now search (Ctrl + F) for the below or similar code in your blog’s HTML that relates to your blogger header section.
<b:section class='' id='blog-title' maxwidgets='1' showaddelement='no' title='My Favorite Things'>
<b:widget id='Header1' locked='true' title='Your Blog Title  (Header)' type='Header' version='1' visible='true'>

How to Add Custom Header & How to Remove Default Header in Blogger

As per blogger default header element code (as shown above) you can only add one widget for your header section as default value is 1 (maxwidgets='1')
You may not also see Add a Gadget link at Page Elements page as ‘showaddelement’ attribute is no (showaddelement='no')
Also you cannot remove your current header with title as in above code locked attribute value is true (id='Header1' locked='true')

Step 3
Change the values for maxwidgets='1' to 3…7 (Maximum up t0 7), showaddelement='no' to ‘yes’ and id='Header1' locked='true' to ‘false’ as shown below,

<b:section class='' id='blog-title' maxwidgets='3' showaddelement='yes' title='My Favorite Things'> <b:widget id='Header1' locked='false' title='Page To Watch  (Header)' type='Header' version='1'  visible='true'>

Now click on Save template. After saving your template, your blogger Layout look like as below with ‘Add a Gadget’ and you may add customized blogger header with blog title.
How to Add Custom Header & How to Remove Default Header in Blogger

Also Read: How To Change Blogger Posts To Grid View With Thumbnails

How to delete your blogger default header with blog title
Step 1
If you want to remove your existing blogger header with blog title Go to Blogger Dashboard >> Layout >> then click on Edit.

Step 2
After clicking on Edit, confirm the removal of your existing blogger header with blog title by clicking on Remove after immediate pop-up as shown below,
How to Add Custom Header & How to Remove Default Header in Blogger

By going through above tutorial you have learnt ‘How to add Add a Gadget to your existing blogger header element’ and ‘How to remove existing blogger header with blog title’.
That is it. Hope enjoyed the tutorial. For any difficulty, please comment below.

No comments:

Post a Comment