Menambah 2 kolom dibawah posting blog

Sobat blogger, setelah kemarin kita bahas bersama mengenai cara membagi kolom header, kali ini, saya akan berbagi tentang cara menambah 2 kolom widgate dibawah posting blog. Biasanya, ini dilakukan bila kolom posting hanya terdiri 1 kolom besar saja. contohnya seperti gambar dibawah ini.

Oke langsung saja mari kita mulai ...

• Log in ke blogger : dashboard >> layout >> Edit HTML
• Backup template dulu untuk berjaga-jaga
• Selanjutnya cari kode di bawah (bisa gunakan Ctrl+F untuk mempercepat)

<div id='sidebar-wrapper'>

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

<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>

<b:widget id='Label99' locked='false' title='Labels' type='Label'/>

</b:section>

</div>

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

<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>

<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>

</b:section>

<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>

<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>

</b:section>

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

• Kemudian, cari kode : ]]></b:skin>
• Tambahkan kode CSS di bawah di atas ]]></b:skin>.

#kolom-kiri {

width: 49%;

float: left;

}

#kolom-kanan {

width: 49%;

float: right;

}

Selamat mencoba dan semoga bermanfaat.