'/> Cara Membagi Elemen Gadget Menjadi Dua Kolom

Info Populer 2022

Cara Membagi Elemen Gadget Menjadi Dua Kolom

Cara Membagi Elemen Gadget  Menjadi Dua Kolom
Cara Membagi Elemen Gadget  Menjadi Dua Kolom
Mungkin sahabat sudah menemukan template yang cocok tapi ternyata masih kurang puas dengan template tersebut. Yup, memang tidak tiruana template sesuai dengan cita-cita kita, contohnya template 2 kolom padahal kita juga ingin memasang iklan layaknya template 3 kolom.

Disini akan dijelaskan trik untuk membagi gadget di blogspot menjadi dua kolom sehingga blog sahabat akan terlihat ludang keringh rame. Dengan membagi gadget menjadi dua kolom atau ludang keringh, sahabat juga sanggup memanfaatkannya untuk meletakkan iklan, terutama yang berukuran memanjang.

Menambahkan dan membagi gadget menjadi dua kolom

ini juga sanggup di aplikasikan di bab manapun menyerupai sidebar, header, atau footer. Supaya ludang keringh jelas, perhatikan gambar dibawah ini

Cara membagi gadget menjadi dua kolom


1. Login ke blogger dengan ID sobat.
2. Klik Rancangan (Design) > Pilih Edit HTML jangan lupa, biasakan download backup untuk jaga-jaga.
3. Cari arahan ]]></b:skin>
4. Copy dan paste arahan diberikut ini dan letakkan sempurna di atas arahan ]]></b:skin>
#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}
5. Dalam tutorial ini kita akan menambahkan gadget di sidebar so cari dulu arahan sidebarnya, contohnya menyerupai ini:
<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>

</div>
6. Catatan: Tidak tiruana template sama dan label di atas hanyalah rujukan yang berarti sidebar tersebut memiliki widget label.
7. Setelah itu kita sisipkan arahan css yang sudah dibentuk tadi di antara </b:section> dan </div>.

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

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

<div style='clear: both;'/>
8. Save dan lihat di Page element. Semoga berguna :)
Advertisement

Iklan Sidebar