Cara Membuat Dua Kolom Di Bawah Postingan Blogger 7

Pada Postingan Terdahulu kita pernah membahas tentang Cara Membagi Blogger Header Menjadi Dua Bagian dalam arti ada dua kolom di bagian header.Nah sesuai judul postingan kali ini kita akan membahas tentang Cara Membuat Dua Kolom Di Bawah Postingan Blogger,ini berarti kita akan membuat dua kolom baru di bawah postingan blogger dan dua kolom tersebut hanya akan tampil pada bagian homepage saja tidak pada halaman lain.Cara ini biasanya akan kita dapati pada magazine templete ,dimana ini melibatkan penambahan dua kolom untuk widget (untuk muncul berdampingan) di bawah Postingan blog pada homepage Anda. Setelah Anda menambahkan bagian ini, Anda dapat menambahkan widget dan mengubah pengaturan blog Anda untuk mengubah tampilan keseluruhan template Anda.

Dan adapun Cara Membuat Dua Kolom Di Bawah Blogger Post adalah:

1. Pergi ke blogger dasbor >>> Pilih opsi lainya >>> Templete >>>Back Up Dulu templete anda.

2. Selanjutnya Klik Edit HTML dan Centang kotak kecil Expand Widget Templates.

3. Cari kode di bawah ini gunakan Ctrl + F atau F3 untuk memudahkan pencarian.

    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
    </div>

4. Copy kode di bawah ini dan pastekan sebelum kode </div> diatas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:section class='sidebar' id='col-left' showaddelement='yes' />
    <b:section class='sidebar' id='col-right' showaddelement='yes'/>
    <div style='clear: both;'/>
    </b:if>

5. Selanjutnya cari kode ]]></b:skin> dan copy kode css di bawah ini lalu pastekan diatas kode ]]></b:skin> .

#col-left {
    width: 48%;
    float: left;
    }
    #col-right {
    width: 48%;
    float: right;
    }

6. Simpan templete anda.

Selesai dan selamat mencoba.....