June 2, 2013

Cara Edit Blog Template Denim Bhgn 2 (Body)

Part I : Edit Blog Template Denim (Header)
Part III : Edit Blog Template Denim (Footer)
Assalamualaikum
Ok, sampai kita ke part yang seterusnya iaitu bahagian body, hanya perlu sambung photoshop tadi..
insyallah ianya senang dan mudah difahami, hanya perlu ikut step ja ya..
Cara buat Body
Step 1 : Halakan cursor pada atas kotak (contoh pada gambar)
Klik kanan pada tetikus dan klik canvas size


Step 2 : Setting height sahaja kepada 50px, yang lain kekalkan 



Step 3 : Turunkan kedua2 objek tanpa gerakkan ke kiri dan ke kanan, sebab setting akan lari..so halakan ke atas dan ke bawah sahaja..seperti gambar di atas..

Step 4 : Save image kepada .png

Cadangan website untuk upload body : IMGUR
#untuk dapatkan url body

Step 5 : Open HTML dan cari kod --> #content-wrapper {
Kemudian lihat background:url(http://i.imgur.com/eLgZ2es.png); dan gantikan kepada kod background:url(url body);


Step 6 : Preview dan save


ok ! done Bahagian header dan body..jap lagi sha update bahagian footer pula ya :)


FREEBIES - Template Meiko dan Template Pinkish

2 comments:

  1. kita langsung tak reti nak edit benda ni semua. photoshop lagi tak tahu. Anyway thanks utk ilmu ni

    ReplyDelete
  2. awk untuk simple templ mcm mne ye.. :)

    ReplyDelete

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)