TUTORIAL header lekat dengan body [ DENIM template ]

Assalamualaikum wbt

ramai yang tanya ekinn & ramai yang req tuto ni. cuma ekinn tak ada masa & malas. hahhaha. sebenarnya banyak cara & this cara paling mudah, sebelum nie ekinn buat sendiri dengan bantuan kak solehah, then ekinn try cuba guna minima, tapi tak jadik, then try la guna denim. then, ini la hasil nya :D

okay, kita start.

memula korang kena pergi design >> edit html >> klik untuk yang old template. 

lepas tue korang pilih DENIM template

then korang pergi template designer >> klik advance >>

1. Page Background Color >> Pilih transparent untuk color
2. Page header background color >> Pilih transparent untuk color
3. Page header text color >> Pilih transparent untuk color
4. Page header corner color >> Pilih transparent untuk color

then apply to blog. sekarang korang tengok ada border kat antara header & body kan?

sekarang pergi pergi edit html >> tick expand widget template >> tekan F3 search code ni #header {

kat bawah code yang korang carik tue nanti ada code nie  border: 1px solid $headerBgColor;

tukar kan 1px tue dengan 0px.

sama jugak ngan border kat body keliling blog tue, cuma korang tekan F3 search code ni #content-wrapper {

& kat bawah tue confirm ada code  border: 1px solid $borderColor; sama macam tadi, just kena tukar 1px tu ke 0px.

sekarang korang kena buat header yang seakan-akan bersambung dengan body korang. contoh macam header blog ekinn . faham tak? header korang kena la ikut size body blog korang & bahagian bawah header korang kena ikut warna body korang. siap ! 

kalau ada apa-apa yang tak faham boleh tanya ^___^

cara nak letak background ekinn akan buat pada tutorial seterusnya .

---

Dah baca komen, malas komen, like kan ^__^

---