How to split your blogs header into two widgets

This post shows how you can split your blogs header into two widgets like the following screenshot



so i recommend you backup your template . The default width of the template header-wrapper code is 660px
(if you don't know what I'm talking about see screenshot below)



So I'm going to set the width of the main header section to 350px and float it to the left see screenshot



now that's done we can create the second section for the right widget so copy the following code

#header2 {
float:right;
width:250px;
}


and paste it some where in between the opening and closing skin tags like Ive done below



next copy the following code for the new section


<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>


and paste it like so



now save it and go to the page element tab you should have a new section on the right side of the header here's a screenshot of my result

Posted in: Blogger Header