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

Assalamualaikum, hari ini tutorial agak panjang dan berperingkat2, so sha nak share ilmu tentang edit blog template denim..insyallah dapat bantu korang dalam mencantikkan blog..baru puas hati dengan design sendiri kan :)

terima kasih atas pertanyaan..sha cadangkan guna template DENIM kerana ianya mudah untuk buat body seperti mana yang adik tanya tu..jika belum tukar..sila ambil kod ini

Kod - TEMPLATE DENIM

Sebelum kita mula, kena ada tools seperti Adobe Photoshop..kalau tiada..sila google dan download ya..ok jum buat header dulu ya..

Cara buat Header

Step 1 : Open Photoshop dan setting width kepada 1000px, height 400px, pastikan background contents TRANSPARENT ya..

Step 2 : Lebarkan kotak sampai hujung, tapi biarkan sedikit kosong seperti dalam gambar, pilih warna mengikut kesukaan ianya sebagai border sahaja

Step 3 : Ulangi step 2 dan kecilkan sedikit dari kotak yang sebelumnya, pastikan pemilihan color PUTIH (code : ffffff) untuk halaman body

Sebagai contoh sahaja

Step 4 : Hias Header dengan kreativiti sendiri..dan save kepada .png untuk hasil yang transparent..

Cadangan website untuk upload header : IMGUR

#untuk dapatkan url header

Step 5 : Open HTML dan cari kod --> /* Header

Kemudian lihat background-color: $headerCornersColor; dan gantikan kepada kod background:url(url header);

Step 6 : Preview dan save

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

FREEBIES - Template Meiko dan Template Pinkish

contoh post yang masih bercantum

Assalamualaikum petang ini sha nak bagi tutorial dengan hasil carian sha sendiri, sebab waktu sha edit blog mama mia, post pada blognya bercantum, ianya sangat tidak sesuai..so akhirnya sha dapat selesaikan dengan memeriksa satu persatu kod tersebut

Tutorial

I. Dashboard > Template > Edit HTML > tick button hitam no 7

II. Ctrl + F ---> Post

III. Copy dan paste kan --> margin-top: 20px;

seperti gambar dibawah

IV. Preview dan save

contoh post yang telah dijarakkan

#sila creditkan tutorial ini kepada sha kalau korang nak buat entry tutorial baru kerana ini adalah hasil carian sha sendiri :) terima kasih..