Cara Menambah Kolom di Sidebar Blog

Cara Membuat Kolom Sidebar - Cara Menambah Kolom di Sidebar Blog - Sebenarnya malu juga sama bos saya Creating Website, template hasil karyanya saya acak-acak,hihi. Tapi ga masalah toh bos, saya hanya menambah widget di sidebar karena saya rasa kurang.

Menambah Kolom Widget Sidebar template blogspot sah-sah saja asal tak terlalu memberatkan pada loading blog kita. Menambah kolom ini dirasakan perlu manakala banyak widget yang kita butuhkan sementara para perancang template hanya (memberi) membatasi 1 kolom di sidebar. Saya akan memberikan 3 kolom sekaligus, namun bila sobat hanya perlu satu kolom silahkan buang satu kode section dan satu kode CSS skin.

Saya ingatkan untuk  Menambah Gadget di Sidebar ini sobat
Masuk ke Akun Blogger milik sobat
Lalu Rancangan - klik Edit HTML
Centang Expand Template Widget

Pergiat dengan mencari kode di bawah ini ( gunakan Ctrl+F untuk mempercepat ) ;

    <div id='sidebar-wrapper'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>

    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

    <b:includable id='toggle' var='interval'>

  <b:if cond='data:interval.toggleId'>

   (kode di template yang saya pakai terlalu panjang) dan seterusnya sampai menemukan ;

    </b:section>

   --- Tambahkan Kode Widget Sidebar sobar disini ----

    </div>

    Kemudian, tambahkan kode di bawah ini di antara kode </b:section> dan </div>

     <b:widget id='Text143' locked='false' title='Column 1' type='Text'/>
    </b:section>
    <b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
    <b:widget id='Text245' locked='false' title='Column 2' type='Text'/>
    </b:section>
<b:section class='sidebar' id='kolom-atas' showaddelement='yes'>
    <b:widget id='Text346' locked='false' title='Column 3' type='Text'/>
    </b:section>
    <div style="clear: both;"></div>

Lalu tambahkan kode CSS di bawah, di atas kode ]]></b:skin>

#kolom-kiri {

width: 49%;

float: left;

}

#kolom-kanan {

width: 49%;

float: right;

}

#kolom-atas {

width: 99%;

float: right;

}

Lalu Simpan Template sobat dan lihat hasilnya !

Nach Bila penyimpanan kode diatas sudah benar maka akan dihasilkan widget di sidebar seperti gambar di bawah ini, atau sahabat bisa lihat tampilan widget di Cinta Deras :

Catatan :

49 % dan 99% adalah nilai lebar dari widget yang kita buat, jika tak sesuai dengan template sobat silahkan silahkan mengubahnya hingga Pas dan Mantap.

Selamat berpuasa, happy weekend and tentunya....,

Happy Blogging.

My Inspiration :
http://www.mfrifanto.com/2012/03/cara-menambah-kolom-di-sidebar-blog.html