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..
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