Split 'Header' into 2 Columns - Denim

Split or Divide The 'Header' into 2 Parts/Chambers/Columns - Denim
Template

Please be careful about width and margin
(better if you keep margin: 0px, and border should be also be 0). It should be
sharp and balanced. Otherwise the template will be uneven.

Header Wrapper include Header (width, 945=945)

Header Wrapper= Header + r_Header (width, 945= 300+645)

1. Log in to Blogger account

2. GoLayouts and then click on 'Edit HTML'

3. Check the box by clicking mentionioning 'Expand Widget Templates'

4. Find the following 2 blue codes in the script
and then replace them with 2 red codes one by one.

/* Header ----------------------------------------------- */ #header-wrapper { width:940px; margin:0; padding: 0; background-color: $headerCornersColor; text-align: $startSide; } #header { width:940px; margin: 0 auto; background-color: $headerBgColor; border: 1px solid $headerBgColor; color: $headerTextColor; padding: 0; font: $headerFont; } #header-wrapper { width:940px; margin:0; padding: 0; background-color: $headerCornersColor; text-align: $startSide; } #header { width:300px; margin-left: 0px; background-color: $headerBgColor; border: 0px solid $headerBgColor; color: $headerTextColor; float:left; padding: 0; font: $headerFont; } #r_head{ width:640px; float:left; padding-top:0px; }

5. Then replace following blue code in the script
with following red code one by one.

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Change-Templates (Header)' type='Header'> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='main'> <div class='titlewrapper'> <h1 class='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> </div> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Change-Templates (Header)' type='Header'> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='main'> <div class='titlewrapper'> <h1 class='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> <div id='r_head'> <b:section class='header' id='header2' preferred='yes'/> </div> </div>

6. After all having done, click on 'SAVE TEMPLATE' button.