June 2, 2013

Cara Edit Blog Template Denim Bhgn 3 (Footer)

Part I : Edit Blog Template Denim (Header)
Part II : Edit Blog Template Denim (Body)


Assalamualaikum

Okey ini adalah part last yang simple..harap lepas ni korang dah boleh jinakkan diri untuk menghadap HTML code hihi..

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 */
}

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 :)


FREEBIES - Template Meiko dan Template Pinkish

1 comment:

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