WELCOME TO BLOGGERZSPOT[every thing for Everyone] Stay Connected For More Features

How Split Blogger Header Into Two Sections

December 2, 2009, Posted by Nithin at 1:11 pm

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

Related Posts with Thumbnails

Currently have 3 Comments

  1. forex robot says:

    Keep posting stuff like this i really like it

  2. Good points…I would note that as someone who really doesn’t write on blogs much (in fact, this may be my first post), I don’t think the term “lurker” is very becoming to a non-posting reader. It’s not your fault really , but perhaps the blogosphere could come up with a better, non-creepy name for the 90% of us that enjoy reading the posts.

  3. JAMIE says:


    Medicamentspot.com. Canadian Health&Care.Best quality drugs.Special Internet Prices.No prescription online pharmacy. Low price drugs. Order drugs online

    Buy:Prozac.Zocor.Advair.Seroquel.Female Pink Viagra.Buspar.Lipitor.Aricept.Lipothin.Cozaar.Benicar.Amoxicillin.Female Cialis.Acomplia.Lasix.Ventolin.Wellbutrin SR.SleepWell.Zetia.Nymphomax….

Leave a Reply








Tags