Rapatkan footer dengan content ( picture window )

Assalamualaikum!~

Dulu tutorial rapatkan header dengan content/body, dan kini tutorial rapatkan footer dengan content untuk pengguna templete picture window macam ikaa nie. Caranya seperti di bawah ini.

Pengguna Templete Classic

1. Dashboard > Design > Edit html > Tick widget expand

2. Search code dibwah ini

#footer {

3. Lepas tu, korang akan jumpa code ini.

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;

4. Delete code tue, dan gantikan dengan code bawah ini.

#footer {
background:url(URL IMAGE)no-repeat;
background-position: bottom center;
width:900px;
height:90px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;

5. Preview pastikan tiada error baru save.

Purple : Masukkan code image footer korang.

Merah : Edit ikut kesesuaian footer anda.

Pengguna Templete Designer ( picture window )

1. Dashboard > Design > Edit html > Tick widget expand

2. Search code dibawah ini.

.footer-outer {

3. Kemudain korang akan jumpa code ini pulak.

.footer-outer {
color:$(footer.text.color);
background: #ffffff;

4. Delete code tue, dan gantikan dengan code bawah ini.

.footer-outer {
background:url(URL IMAGE)no-repeat;
background-position: bottom center;
width:900px;
height:90px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;