Saturday, April 28, 2012

Cara Menambahkan 3 Kolom di Footer

Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : copyright, design by, dll.Dengan Cara Menambahkan  3 Kolom Di  Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .

brikut caranya Cara Menambahkan Footer 3 Kolom :

1. Login Blogger dulu
2. Pilih Rancangan
3. Pilih Edit HTML ( backup template blog anda terlebih dahulu barangkali terjadi kesalahan )
4. Cari Kode ]]></b:skin>
5. Copy kode di bawab ini di atas kode ]]></b:skin>



#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}







6. Cari kode <b:section class='footer' id='footer'>  lalu ganti dengan kode dibawah ini.



<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>

7. Simpan Template
8. Pilih Rancangan dan lihat hasilnya...

Comments
7 Comments

7 komentar:

thanks gan infonya, sudah di terapkan dan berhasil, bila berkenan mampir ya gan, heheh

Siph gan, terima kasih sudah berkunjung..:D

bisa di coba nih trik >>

Mampir balik yaaahhh!!!!!

Untuk merubah jumlah kolom, apakah kita bisa merubah tulisan kol3 menjadi kol4 atau kol2..sehingga nantinya kolom yg tertampil adalah jumlahnya sesuai dengan angka tersebut?

@Goez ini : tidak mas, col 2, col 3 hanyalah ID..apabila ingin menambahkan kolom satu lagi, tambahkan div lagi buat ID lagi , misal col 4..

tutorial bermanfaaat ..thx yah:)

Sama2 mbak..
terima kasih sudah berkunjung..:D

 

Followers

Labels