Ini adalah screen shot gambar template punya saya sebelum membuat footer 3 kolom
Gambar template ini sesudah saya membuat footer 3 kolom
Tertarikah sobat semua untuk dapat membuatnya? Baik saya akan memulai langkah-langkahnya
1. Login ke blogger dan masuk ke Dasbor.
2. Klik Rancangan, lalu pilih menu Edit HTML (Jangan Centang "Expand Template Widget")
3. Cari kode ]]></b:skin>
4. Letakkan kode CSS berikut ini diatas ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
background:#444 url(http://i1237.photobucket.com/albums/ff473/muhammadsuteja/footerbawah.jpg) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff
}
Catatan : Untuk warna backround silahkan ganti http://i1237.photobucket.com/albums/ff473/muhammadsuteja/footerbawah.jpg ini dengan gambar yang di inginkan.
5.Cari Kode <!-- end content-wrapper --> dan letakkan kode dibawah ini tepat diatasnya
<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>
6.Simpan Template
Sekian artikel Cara Membuat Footer 3 Kolom Dengan Background dapat saya jelaskan, selamat mencoba
Anda sedang membaca sebuah artikel yang berjudul 
0 Comments
:) 
:(
;)
:D
;;-)
:-/
:x
:P
:-*
=((
:-O
X(
:7
B-)
:-S
#:-S
7:)
:((
:))
:|
/:)
=))
O:-)
:-B
=;
:-c
:)]
~X(
:-h
:-t
8-7
I-)
8-|
:-a
:-$
[-(
:O)
8-}
2:-P
(:|
=P~
:-?
#-o
=D7
:-SS
@-)
:^o
:-w
7:P
2):)
X_X
:!!
\m/
:-q
:-bd
^#(^
:ar!
