Monday, October 17, 2011

Cara Hendak Meletakkan Footer

Miss Blogger nak ajar sikit boleh tak??
Direquest oleh Azizah Rahiemah

Apa itu footer??
Itulah Footer... sudah faham?? Bagus..!

Cara 1 : Meletakkan gambar Footer pada Add gadget

1. Sign In >> Dashboard >> Design >> Page Elements

2. Click pada Add Gadget iaitu pada bawah sekali , seperti gambar 


3. Korang kena pilih PICTURE seperti gambar dibawah


4.  Browse gambar yang korang berkenan untuk letak di footer. 

\
* Tekan Shrink To Fit jika hendak gambar itu sekata dan fit

5. Save! dan lihat hasilnya

______________________________________________________________

Cara 2 : Meletakkan gambar Footer ( coding )

1. Sign In >> Dashboard >> Design >> Edit HTML

2. Cari code ini : 

#footer {

3.  Korang akan jumpa code ini :

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

Gantikan dengan code ini :

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

4. Tukar 
Tukar weight mengikut kesukaan kamu ( 900 )
Tukar height mengikut kesukaan kamu ( 300 )
Tukar juga URL GAMBAR dengan url gambar anda sendiri.Nak senang create photobucket dan ambil direct link.

5. Preivew and Save..!

Penat Miss Blogger buat.. komenlah sikit.. 

1 Pengomen Terhebat !!:

Anonymous said...

Tak jumpa pun yg code ni -
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

 

Copyright © 2012 Reserved to Fujiwara Asuka Design with love by Fatimah Azzarah