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;
}
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;
}
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..
Home







Promosi..! Promosi..! Header RM3 dapat 2
1 Pengomen Terhebat !!:
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;
}
Post a Comment