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-bawah
---------------------------- */
#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;
#tengah-bawah {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#kanan-bawah{5. Kemudian kamu cari kode ini :
width: 290px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}
Dan Letakkan kode dibawah ini diatasnya
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
6. Klik simpan template!
<div id='3kolom-bawah'>
<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!
punyak saya gak ada kode ini mas "(div id='footer-wrapper'>
ReplyDelete" bagaimana ?
Cari yan mirip kaya gini mas....id='footer-wrapper'
Deletemantap dah artikelnya
ReplyDelete