Dede Rosadi Blog

Jasa Pembuatan Toko Online Seo Dan Review Produk Online

Tutorial Membagi Elemen Gadget Menjadi Dua Kolom

No ratings yet.

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

Tutorial 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 🙂

Please rate this

Updated: 6 Januari 2019 — 20:53

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Sikartun Blog © 2018 Frontier Theme