Membuat Dua kolom elemen halaman tambah gadget dibawah kolom posting

Setelah lama saya muter-muter cari di mbah google cara Membuat Dua kolom elemen halaman tambah gadget dibawah kolom posting akhirnya saya nemu juga nihh, sekalian saya share aja sama sobat blogger gimana caranya. caranya cukup mudah kok ikuti aja caranya seperti ini nihh :




1.login dulu ke akun blogger sobat pada dasbor pilih Template, lalu klik Edit HTML.

2.kemudian cari kode yang mirip seperti dibawah ini  :

    <div id='main-wrapper'>

    <b:section class='main' id='main' showaddelement='no'>

    <b:widget id='Blog1' locked='true' title='Blog type='Blog'/>

    </b:widget>

    </b:section></div>

3.jika sudah dapat letakkan script berikut dibawah kode </b:section> sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
</b:if>

sampai disini sobat bisa preview template dulu atau pratinjau, jika posisi kolom terletak disisi kiri atau bukan ditengah. maka sobat perlu menambahkan kode css berikut agar posisinya berada di tengah.

4.cari kode  ]]></b:skin> dan letakkan script berikut sebelum kode ]]></b:skin>.

#magazine-left {
width: 45%;
float: left;
}
#magazine-right {
width: 45%;
float: right;
}

5.kemudian klik save.
anda bisa lihat hasilnya di Tata Letak menjadi dua kolom Tambah Gadget.Hasilnya akan seperti ini :

selamat mencoba !!

Anda baru saja membaca artikel yang berkategori Tips Blogging dengan judul Membuat Dua kolom elemen halaman tambah gadget dibawah kolom posting. Anda bisa bookmark halaman ini dengan URL http://tiada-batas.blogspot.com/2014/05/membuat-dua-kolom-elemen-halaman-tambah.html. Terima kasih!

Ditulis oleh: Mtaqie - Monday, 26 May 2014