Gambar Majlis Perkahwinan Izzue Islam
sHaRiNa eLyaNa
June 02, 2013
5 Comments
.png)
-
June 2, 2013
Cara buat Footer
Step 1 : Ulang step 1 pada Entry body dan setting kan height pada 250px, yang lain kekalkan
Step 2 : Naikkan 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 footer : IMGUR
#untuk dapatkan url footer
Step 5 : Open HTML dan cari kod --> #footer-wrapper {
Kemudian lihat background:url dan gantikan kepada kod background:url(url footer);
Step 6 : Preview dan save
#jika tiada kod yang dicari, perlu copy kod dibawah ini
#footer-wrapper {
width: 960px;
background: url(url footer) no-repeat;
margin:0 auto;
padding:20px;
text-align:left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
width: 960px;
background: url(url footer) no-repeat;
margin:0 auto;
padding:20px;
text-align:left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
dan letakkan dibahagian bawah selepas kod #sidebar-wrapper {
kalau tak faham tanya ya..alhamdulilah siap juga sesi pengeditan, semoga banyak membantu..hihi..happy dapat tolong :)
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
June 1, 2013
Pemenang Contest Headerku Owsem
sHaRiNa eLyaNa
June 01, 2013
12 Comments
sebarang pertukaran hadiah tidak dibenarkan
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
