Tutorial image dekat footer

Amy Munirah | Thursday, August 11, 2011 | 5Comments |
Assalamualaikum. hari ney amy na buat tuto yang di request oleh eya.sory eya ,late sikit:)
kalau nak buat image footer,buat la dekat photoshop.kalau tak ada photoshop,p download sekarang:)
kite start sekarang ea.
STEP 1
1) Buka photoshop->file->new(width tu pastikan ikut korang punye lebar blog taw)


2) Ambil rounded rectangle tool.

3) Lepas tu,korang bentuklah background bagi footer tu.kenpa dekat atas? sebab footer dekat bawah blog kan.and pastikan side tu sentuh tepi tu ea.kalau tak paham tengo gambar kat bawah.


4) Lepas tu tekan open kalau nak letak gambar.amek magnetic lasso untuk crop gambar tersebut.


5) Amek move tool and drag gambar tadi dekat background tadi tu ye.


6) Then,tulis lha apa-apa yang korang na k.
7) File->save for web & device.

STEP 2

1) Korang ada photobucket tak?kalau tak ada,p sign up sekarang:)
2) Korang upload image korang tadi dekat photobucket k.baru lha dapat dy punya url image.
STEP 3
1) Log in blog korang->dashboard->design->edit html-tick expand widget(penting)
2) Tekan ctrl+f and cari code ini
<div class='post-footer-line post-footer-line-3'/>
atau
<footer>
3) Lepas tu,copy pulak code ini
<center><img src='URL IMAGE KORANG' style='width: 499px; height: 167px;'/></center>
4) Paste dekat bawah code yang korang cari tadi tu ye.
5) Peview dulu,kalau tak ada error save.
NOTA KAKI:
  1. warna merah tu url image yang dekat photobucket tadi.
  2. warna biru tu pulak untuk ubah size image korang.
Thank you for reading
Written by Amy Munirah