Hello Guys In today's article we are going to discuss how to add an extra header in blogger or you can say how to divide blogger header in two parts.
Generally In some blogger templates only single header is given due to which you cannot place adsense or other widget in header section, suppose you have to add a 468x60 banner in the header section then you cannot add if there is only single header in your blogger template, at this condition you have to make some changes in your template.
Let me show you what am i saying through a picture..Just look at the below picture where a blogger title column is given but after the applying codes in template the header get divided in two parts..
In the above picture before there was a single column in the header and after applying the code the header get divided in two parts. Now you can add widgets in this section.
To do this you will need a java/html code. There are some codes available through which you can divide your blogger header in two parts so follow below steps..
STEP-1 First of all login to blogger and go to the template and click edit.
STEP-2 Now press ctrl+F and find the below code
STEP-4 Now just look at the above code carefully, you have to add a code between </b:section> and </dive>. the code you have to add between them is given below.
SEE THE EXAMPLE-
In the above example the work has been done which is defined in above steps you have added the yellow code between the </b:section> and </dive> of green code this means you have divided your blogger header in two parts. Now save the template and enjoy.
You can Customize the width and height of divided header according to your need Read How to Customize Blogger Header to change its width and height.
Generally In some blogger templates only single header is given due to which you cannot place adsense or other widget in header section, suppose you have to add a 468x60 banner in the header section then you cannot add if there is only single header in your blogger template, at this condition you have to make some changes in your template.
Let me show you what am i saying through a picture..Just look at the below picture where a blogger title column is given but after the applying codes in template the header get divided in two parts..
BEFORE
AFTER
In the above picture before there was a single column in the header and after applying the code the header get divided in two parts. Now you can add widgets in this section.
To do this you will need a java/html code. There are some codes available through which you can divide your blogger header in two parts so follow below steps..
STEP-1 First of all login to blogger and go to the template and click edit.
STEP-2 Now press ctrl+F and find the below code
<a expr:href='data:blog.homepageUrl'><data:title/></a>STEP-3 Now you will get this line with some other codes like this (see below).
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
STEP-4 Now just look at the above code carefully, you have to add a code between </b:section> and </dive>. the code you have to add between them is given below.
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
SEE THE EXAMPLE-
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>
In the above example the work has been done which is defined in above steps you have added the yellow code between the </b:section> and </dive> of green code this means you have divided your blogger header in two parts. Now save the template and enjoy.
You can Customize the width and height of divided header according to your need Read How to Customize Blogger Header to change its width and height.