How To Add Two Columns in Top of blogger post

Posted by Lasantha Bandara on May 1st, 2009 File Under : change template, css, html3 Comments

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see like this code.

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog type='Blog'/>

3.Now add below code after <div id='main-wrapper'>  and before <b:section .

<b:section class='sidebar' id='magazine-left2' showaddelement='yes'>
<b:widget id='Text512' locked='false' title='Column 1' type='Text'/>

<b:section class='sidebar' id='magazine-right2' showaddelement='yes'>
<b:widget id='Text522' locked='false' title='Column 2' type='Text'/>

<div style="clear: both;"></div>

Look at the example below.

4.Now Find below code.


5.Add below code before  ]]></b:skin>  tag.

#magazine-left2 {
width: 45%;
float: left;
#magazine-right2 {
width: 45%;
float: right;

6.Now save your template and you are done.It look like this.

File Under : change template, css, html

3 Responses to “How To Add Two Columns in Top of blogger post”

  1. Anonymous says:

    I'd like to know how to add two columns below blogger post. Can this be done?

  2. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    Yes,It can do this:

  3. mahmoud magdy says:

    please i need to know how to add to columns below blogger header?

    that's my email please contact me

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.