Jika kemarin saya pernah posting bagaimana menambahkan 3 kolom dibawah header, tapi sekarang saya akan posting tentang cara menambahkan 3 kolom diatas footer, tujuan menambah kolom ini tidak lain yaitu memberikan ruang baru untuk widget apabila sudah tidak mencukupi untuk dipasang widget baru lagi. sebenarnya caranya hampir sama dengan menambah 3 kolom dibawah header namun perbedaannya hanyalah peletakan kode HTML yang diletakkan secara berbeda tempat.
Nah caranya sebagai berikut :1. Login ke blogger
2. Pada dasboard klik Rancangan
3. Klik Edit HTML
4. Silahkan cari kode ]]></b:skin>
Letakkan kode berikut diatas kode ]]></b:skin>
/* 3kolom-bawah5. Kemudian kamu cari kode ini :
---------------------------- */
#3kolom-bawah {
width: 930px;background:#666666;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#kiri-bawah {
width: 290px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#tengah-bawah {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#kanan-bawah{
width: 290px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}
<div id=footer-wrapper>Dan Letakkan kode dibawah ini diatasnya
<b:section class=footer id=footer/>
</div>
<div id=3kolom-bawah>6. Klik simpan template!
<b:section class=3kolom-bawah id=kiri-bawah preferred=yes showaddelement=yes>
</b:section>
<b:section class=3kolom-bawah id=tengah-bawah preferred=yes showaddelement=yes>
</b:section>
<b:section class=3kolom-bawah id=kanan-bawah preferred=yes showaddelement=yes>
</b:section>
</div>
Keterangan:
Perhatikan kode berwarna merah silahkan ubah sesuai dengan lebar kolom template kamu dan masing-masing kolom juga harus disesuaikan agar tidak saling bertabrakan, untuk kode berwarna hijau yaitu kode warna widget kamu bisa merubahnya.
Semoga berhasil!
Post a Comment