30 Mac 2012

Cara Rapatkan Footer Dengan Content


Ni tutorial rapatkan footer dengan content blog

contoh footer rapat dengan content

Pertama sekali korang harus lakukan seperti ini :
Dashboard > Design > Edit HTML > Tekan F3 cari kod ini #footer {

Bila dah jumpa korang akan dapat koding yang mcm ni ;
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
Kemudian, korang delete koding yg korang jumpa tadi.Gantikan pula dengan koding yang baru ni:
#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;
Warna Merah : letak url image korang
Warna Biru : width gantikan ikut saiz blog korang, height gantikan dengan saiz footer korang
**Korang adjust ikut kesesuaian blog masing-masing ok..bergantung pada citarasa korang sendiri.**

Setelah selesai preview dulu, kemudian dah ok blh terus SAVE
P/s: Sebarang pertanyaan sila tinggalkan dikotak KOMEN,Terima Kasih