3 Jun 2013

Buat footer bersambung menggunakan photoshop

Assalamualaikum
walaupun dah ramai yg ajar tuto ni tapi saya tetap nak buat jugak muehehehe. ok lets begin!

 dashboard > template > customise > adjust widths (tengok lebar blog korang) cth: 980 px
 bukak photoshop, adjust width dgn height

 buat bentuk mengikut lebar yg korang dah tetapkan tadi. make sure tinggalkan sedikit ruang

 lepastu, tulislah apa-apa ayat yg korang suka pada footer tu

 after that, croplah mana2 bahagian yang tak diperlukan menggunakan crop tool

 lepas dah siap, savekan file tersebut. tekan file > save as > pilih format PNG

 pergi http://imgur.com/, upload gambar footer yg telah disavekan tadi
 tekan "computer" yg saya merahkan tu.

 lepas dah pilih file, tekan start upload


 nak dapatkan url gambar, right click pada image, copy image url
 lepas dah dapat url gambar, bolehlah letak footer tadi pada blog. 

cara nak letak footer di blog:

 template > edit HTML
 tekan ctrl+f serentak, search code <footer>
 dah jumpa? search pulak code <center><img src='url footer'/></center>
 pastekan code <center><img src='url footer'/></center> tadi DI ATAS code <footer>

preview dulu, kalau jadi SAVE!

freebies
ukuran 980
http://i.imgur.com/bT9CWg6.gif
 ukuran 970
 
http://i.imgur.com/eheV1Kf.png


selamat mencuba! :)


3 comments:

  1. hurmm tak pandai la nak buat...walaupun banyak tuto, rasa macam tak rajin je nak cuba. hehe.

    ReplyDelete
  2. mama tak reti nak buat, sedih lah... kena banyak belajar lagi ni.

    ReplyDelete

Nak komen apa? silakan~