Tutorial:Design Layout Blog Sendiri (FOOTER)

Assalamualaikum.

Alhamdulillah, akhirnya sampai la ke part yang terakhir untuk design blog korang..hehe..Ok footer ni bahagian bawah sekali blog korang. So kita mulakan erk..

1.

Tickkan kotak expand widget templates dan tekan ctrl+f untuk memudahkan pencarian. Sekarang, cari code nie:

#footer {

Dekat bawah  code tue, korang akan jumpa code yang macam nie..

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

2. Pastue korang highlightkan code dekat atas dan just gantikan dengan code yang dekat bawah nie.

#footer {
clear:both;
margin:0 0 0 0;
padding-bottom:70px;
padding-top: 20px;
line-height: 1.6em;
text-transform:normal;
letter-spacing:.1em;
text-align: center;
background: url(Masukkan URL Footer Anda Disini)no-repeat bottom center;
height: auto;
}

3.Ok, korang nampak kan perkataan 'masukkan URL Footer Anda Disini' yang  warna merah tue, korang letakkan url image yang korang nak jadikkan footer.


4.Create new files dekat photoshop dengan width 1000px. height tak kisah berapa pun. nie contoh footer yang CZ buat.

Upload footer yang korang buat di SINI atau SINI dan dapatkan image url.

5.Kalau dah siap, blog korang akan nampak macam nie. Dah siap!

CZ buat nie ada silap cikit kat bahagian footer tue..hehe..tapi korang mesti lagi teror kan dari CZ bab design2 nie. so wish u luck!

p/s: CZ gunakan tutorial ini untuk design blog CZ =)