Skip to main content

How To Add New Column in Own Blogger Templet


"This is the steps to make column on blogger template"


Steps:-

  1. Don’t give a tick on white little box beside sentence, “expand widget template”. Or it will be twice more difficult.
  2. Add the code below exactly above code ]]></b:skin>
    /* bottom
    ==================== */
    #bottom {
    width: 660px;
    position: relative;
    clear:both;
    margin: 0 auto;
    color:#fff;
    float: left;
    background:#BDBABD;
    padding: 15px 0 15px 0;
    }
    #bottom h2 {
    padding: 5px 0 2px 0;
    margin: 0 0 10px 0;
    color:#ff5a00;
    font-size: 24px;
    letter-spacing: -1px;
    border-bottom: 1px solid #fff;
    }
    #bottom ul {
    padding: 0;
    margin: 0;
    }
    #bottom ul li {
    line-height: 26px;
    list-style-type: none;
    border-bottom: 1px dashed #031c5d;
    }
    #bottom ul li a {
    display: block;
    padding: 0 10px;
    color:#0701FD;
    text-decoration: none;
    }
    #bottom ul li a:hover {
    background: #B1ACB1;
    }
    #left-bottom {
    width: 205px;
    float: left;
    padding-left:10px;
    }
    #center-bottom {
    width: 205px;
    float: left;
    padding-left:10px;
    }
    #right-bottom {
    width: 205px;
    float: left;
    padding: 0 5px 0 10px;
    }
  3. Head to body under part of template code. Find out codes like this:

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>

    </div>

  4. Copy and paste code  below exactly above of the previous code.

    <div id='bottom'>
    <b:section class='bottom' id='left-bottom'/>
    <b:section class='bottom' id='center-bottom'/>
    <b:section class='bottom' id='right-bottom'/>
    </div>

  5. Click Save Template Buttons.
  6. It’s done!

Comments