13 August 2011

TUTORIAL BLOG - Hilangkan Shadow/Background Header

Salam blogger kepada semua blogger okay..
okay kali nie kita belajar cara nak buang background yang bertindan di belakang 
header kita tue..nampak hodoh kan..
nampak kan gambar kat atas tue? nampak anak panah tue tak?
kita nak buang benda alah tue la..camna nak buang?
jom kita belajar jom..apit pown pernah terjadi benda nie
selepas tukar banckground gambar yang apit pakai sekarang..
kalau nak tengok tutorial tukar background meh sini >> KLIK
dah abes tukar background, mungkin terjadi perkara di atas, so meh kita selesaikan..

1. Log In > Dashboard > Design > Edit HTML > Tick Expend Widget
2. Korang cari code macam kat bawah nie ada tak..
position: absolute;
3. Kalau takda tue tak dapat la apit nak tolong..hihi..
4. Korang tengok kat bawah code korang cari tue ada kan height dengan width..
5. Sekarang korang tukarkan width tue kepada 0. Tengok contoh kat bawah nie..
.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 100px;
  width: 0%;
  background: $(body.background);
  $(body.background.override)
}
6. Korang preview dulu tengok jadi or tak..kalau jadi terus jer SAVE TEMPLATE..
7. Kalau tak jadi tue, korang tukar lak height kepada 0 ke..godek-godek ja..
8. Kalau still tak boleh gak, tinggal komen kat bawah dan apit akan tolong..Insyaallah..

SELAMAT MENCUBA!


20 orang komen:

||aLeaSaRa|| said...

owh nk buat header sdri pun tak nampak bayang,apatah lagi nak remove shadow hehehe....

suka sggh blog ni best!!!owh tutorial ni mmg bgs,kite tgh dlm proses belajar nak buat header guna photoshop,dah bookmark pun n3 ni.tqvm ye!

Anonymous said...

mne nk crik post absolute uw??x jmpe un...lgi stu,mcm mne nk wat gmbar bsar di bhagian ats skali???

Azzam Fadzil said...

ta jadi ar apit..adeiii

Alif Haris said...

nice apit ^^

! ✿LeeDaQyu✿ ! said...

nelly da try tukar mcm kt bwh ni,tp x jd la,,,


.main-cap-top .cap-right {
position: absolute;

height: 0px
width: 0%;

bottom: 0;

background: transparent $(main.cap.image) repeat-x scroll bottom center;
}

.main-cap-top .cap-left {
position: absolute;

height: 0px;
width: 0px;
right: 0;
bottom: 0;

background: transparent $(main.cap.overlay) no-repeat scroll bottom left;
}

Shida Radzuan said...

ini yg mana eh apit..

jom terjah > http://duniakushida.blogspot.com/2011/08/blogger-pilihan-lee-chong-wei-mara-ke.html

nur fara adilah said...

takk jadi lahh apitt..:(

Syahira Amira said...

tak jadi la :(

Vio Rara said...

terima kasih ! sehari suntuk cari . thanks abg apit :)

orycandy said...

apit tq..wat tutor ni..kalo x penin akak...ahaks.. ^_^

nabila johary said...

tk jd laa.. :(

~h@nToRi~ (^_~) said...

x jmpa pun.....

Unknown said...

apit , still x mnjdi lAa .. da bnyak tuto yg sha cari , tp still x mnjdi , try apit tgk blogg sha mcm mner .. cam bruk jerr :(

Shakila Saman said...

thanks :)

Ngulikku said...

Kayanya ko yah susah yah,banyak kode yang semakna jadi bingung.....

Memamang pemula serba susah nih....

Unknown said...

thanks for the tuto

aiNuR MYRTiLLe said...

thanks bebanyak

AsmaAqilah said...

xjadik pon!

Nur Aina Syafiqah said...

thanks apit ^_^

Unknown said...

kenapa xjd...
dalam html sy xada coding mcm apix g tau