Divide Blogger Header In Two Parts or Sections

 

It must contain the <b:section and </b:section> tags.

    5.    Now replace this with the following code:

<div id='header-wrapper'>
<div class='headerleft'>
      <b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='The MBT Lab (Header)' type='Header'/>

</b:section>
</div>

<div class='headerright'>
<b:section class='headerright' id='headerright' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>

 

      6.    Now Save your template and view your Page elements page and say bingo! :)

Customization

To adjust header width edit: 960px

To change Header Title colour change:#BF0100

To change Header description colour then change:#3B3B3B

 

Need Help?

This tutorial can be a lot easy if you do as instructed or if you have some prior knowledge of CSS and HTML else it could be a little headache. Do let me know if I could be of any further assistance. Keep trying till you finally make it. Peace out buddies. :>

Source: http://www.mybloggertricks.com/2011/09/divide-blogger-header-in-two-parts-or.html