Cara menambah kolom pada template Blogger

Sign in di blogger

Klik menu Layout

Klik menu Edit HTML

Ingat ! jangan memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan mencentangnya, karena jika sobat mencentangnya nanti akan keluar kode-kode widget yang memusingkan kepala.

Cari kode seperti di bawah ini : 

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

ganti nilai 660px dengan 840px,

• Cari kode seperti di bawah ini : 

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:left;
  font: $bodyfont;
  }

ganti nilai 660px menjadi 840px,

• cari kode seperti di bawah ini :  

 #sidebar-wrapper {
  width: 220px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

• Copy paste kode berikut persis di bawah kode yang seperti di atas :

#sidebarbaru-wrapper {
  width: 180px;
  float: right;
  psdding-left:10px;
  word-wrap: break-word;
  overflow: hidden;    
}

• Cari kode seperti di bawah ini :

#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}

Ganti nilai 660px menjadi 840 px, 

•  Cari kode seperti di bawah ini : 

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
</b:section>
      </div>

• Copy kode berikut, lalu paste persis di bawah kode yang seperti di atas :  

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>

Klik tombol Simpan Template

Selesai.