How to Separate Blog's Header into Two Parts

By default, blogger doesn't have any option to split header column into two parts. If you have ever though that how can you divide your blog's header into two parts. Then you are at the right place because the content in this tutorial I will blog about How to divide your blog's header into two parts.

A blog template by default has only one header and therefore you can't add anything that could get more attention by being placed in the header which is basically the first thing a visitors see's in your blog.

1- Go to Blogger Dashboard

2- Go to Template section (We recommend to backup your template in case anything goes wrong)

3- Click Edit Template  >>  Press Ctrl+F  >>  Type :
<b:section class='header'
The code found in your template may be not match to the one exactly I have given below but don't worry. See the tag highlighted with PINK?? Keep your eyes on that tag in your template and we will tell you what to do in the next step.
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
 <b:widget id='Header1' locked='true' title='Share to World (Header)' type='Header'>

4- Now just after or below this tag paste the following code
<b:section id='header-right' showaddelement='yes'/>
<dive style='clear:both;'/>

Don't forget to share this awesome tip to your friends by clicking sharing buttons below.


Post a Comment

Powered by Blogger.