WAYAN SUSANDIARTA
3 Okt 2013

Cara Menambah atau Membuat 3 Kolom di Atas Footer



Cara Menambah atau Membuat 3 Kolom di Atas Footer - Masih tentang tutorial blogspot. Kali ini tentang cara menambah atau membuat 3 kolom di atas footer. Caranya gimana?


1. Masuk layout, edit html, centang expand widget template

2. Cari kode ]]></b:skin>

3. Tambahkan kode ini di atasnya:

#footer-bottom {
width: auto;background:#231C2A;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: center;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}


4. Cari kode <div id='footer'> atau </body>
 
5. Tambahkan kode ini di atasnya:
<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>
 

6. Save dan lihat hasilnya di ‘Layout/Rancangan’. Jika di atas footer muncul 3 kolom ‘Tambah Gadget’ berarti sukses.

Berkomentarlah :

1.Dengan kata-kata yang sopan
2.Tidak menaruh link aktif ataupun non aktif
3.No spam, no sara, and no porn
4.Tidak promosi blog
5.Komentar yang tidak sesuai dengan isi konten akan langsung saya hapus
6.Komentar yang bagus akan saya publish dan saya beri komentar balik