Wednesday, September 3, 2008

tips to make multi columm on blogger template

Tips to Make Multi Columm on Blogger Template
by : Kang Rohman


Like what I’ve told you before in my previous post, “Saving widget below of the header”, I said that, there are still a lot of ways to saving widget or element, exactly below the header. Today, I will give you a new technique. With this, you will be able to make a new column, exactly below the header. Want to figure it out? Here we go……

In order to make a new column, we only need to put a little ‘spices’ like CSS code and HTML code in your template code. And this won’t be as hard as you imagine. Just follow my instructions below:

  1. 1. Login to Blogger with your ID.
  2. Click Layout
  3. Click tab Page Element. Look at your layout template structure. Usually it will be like this:






  1. Now, we are going to make a new column exactly below of your header. Hehehe… feel nervous?

  2. Okay then, click tab Edit HTML.
  3. Click sentence Download Full Template, it is very important for you to backup this!
  4. Copy the code below, then paste it before code ]]>

    #under_header{
    margin:10px 0;
    padding:1%;
    width:98%;
    }

  5. Find out code which look exactly like this :





  6. Copy the code below, and paste it exactly after that code :



  7. Click SAVE TEMPLATE buttons, and wait until your template saved.
  8. Click tab Page Element and your layout structure will be like this…

Sumber = http://www.blogspottutorial.com