How Split Blogger Header Into Two Sections

How Split Blogger header Into Two different Sections,ya as you have seen header section on left side in blogger layout and and one section in right side where you can add your add banners.Now i will show you how you can split your blogs header into two widgets like the following screenshot.

First i recommend you backup your template or use a test blog for this example I’m going to use the Minima Template so if you are using a different template the code would be different. 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 done below

Now copy the following code for the new section

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

And paste it like in below image,You can Click the below image to see the codes large and clear if not properly visible.

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

Credits:-lawnydesigns

29 Comments

  1. jinni May 1, 2009
  2. Anshul May 26, 2009
  3. Anshul June 18, 2009
  4. Senthil June 21, 2009
  5. Nave August 8, 2009
  6. Anshul August 8, 2009
  7. sruthi October 29, 2009
  8. Anshul October 29, 2009
  9. chinna November 1, 2009
  10. Anshul November 8, 2009
  11. Unity Bond November 13, 2009
  12. Anshul November 20, 2009
  13. BEBEN December 11, 2009
  14. Norel Gad February 28, 2010
  15. Norel Gad March 3, 2010
  16. Norel Gad March 5, 2010
  17. Anshul March 5, 2010
  18. Norel Gad March 5, 2010
  19. Anshul March 6, 2010
  20. Vanessa D. Alexander May 7, 2010
  21. D Class Blogger June 14, 2010
  22. Anshul June 16, 2010
  23. Harry July 13, 2010
  24. Rhaye August 11, 2010
  25. Anshul August 12, 2010
  26. Rhaye August 12, 2010
  27. nizam khan August 27, 2010
  28. K3LVIN MITNICK May 23, 2011

Leave a Reply