1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see like this code.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/> </b:section> </div> |
3.Now add below code between </b:section> and </div> .
<b:section class='sidebar' id='magazine-left3' showaddelement='yes'> <b:widget id='Text513' locked='false' title='Column 1' type='Text'/> </b:section> <b:section class='sidebar' id='magazine-right3' showaddelement='yes'> <div style="clear: both;"></div> |
Look at the picture below.
4.Now Find below code.
5.Add below code before ]]></b:skin> tag.
width: 30%; float: left; } #magazine-right3 { width: 65%; float: right; } |
Note : You can change values of width,as your choice.
6.Now save your template and you are done.It look like this.
Hi, I've a link bar widget right below the header. So at which part can i put the code into? Do I need to give you the template to my test blog? Thanks!
I think I've got it after retrying. Thanks for your tip! it's awesome!
hi..
thanks for this work and idee... but;
1- i tried this; one of column is in 100% length, whereas the other so long as determined. why?
2- i noticed, that the line in your code (<div style="clear: both;"></div> ) is shown in my edit-html just ( <div style='clear: both;'> );
to make it clear, without (</div>) and without quote signs. why?
maybe those are the reasons whay it doesn't work..
i appreciate any answer very much..
please help me... when i follow this steps to make to columns below my blog header it's come to columns but not beside each of other in one line.. it's come 2 columns in 2 line
please help me!! that's my email: coolboy91_2010@hotmail.com
ihope you contact me soon
Anyone know how I could modify this to add 3, 4, 5, or even 6 columns instead of just two?
hey i cant found header-wrapper'> in my blogger
plz plz plz plz plz help