Cara Edit Blog Template Denim Bhgn I (Header)

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