Tutorial : Transparentkan Header untuk SIMPLE TEMPLATE
بسم الله الرحمن الرحيم
Tuto nie ada orang request kat Formspring.. Sorry sangat coz shahril lambat buat tutorial nie.
Maksud tutorial nie adalah untuk buang header background bagi SIMPLE TEMPLATE . Template lain tak jadi ok.. Gambar cam kena potong tu mungkin gambar tak sesuai dengan saiz header blog korang.. Nak tahu saiz header yang sesuai pergi kat DESIGN > TEMPLATE DESIGNER > ADJUST WIDTH. Kalau nak buat header ambik width ENTIRE BLOG.
header sebelum buat tutorial macam nie ya..
Ok...kita teruskan dengan tutorial transparentkan header tu..
1. DASHBOARD > DESIGN > EDIT HTML
2. tekan CTRL+F atau F3 untuk cari kod /* Mobile
3. Copy kod di bawah nie.. dan pastekan kod di atas kod /* Mobile
Tuto nie ada orang request kat Formspring.. Sorry sangat coz shahril lambat buat tutorial nie.
Maksud tutorial nie adalah untuk buang header background bagi SIMPLE TEMPLATE . Template lain tak jadi ok.. Gambar cam kena potong tu mungkin gambar tak sesuai dengan saiz header blog korang.. Nak tahu saiz header yang sesuai pergi kat DESIGN > TEMPLATE DESIGNER > ADJUST WIDTH. Kalau nak buat header ambik width ENTIRE BLOG.
header sebelum buat tutorial macam nie ya..
Ok...kita teruskan dengan tutorial transparentkan header tu..
1. DASHBOARD > DESIGN > EDIT HTML
2. tekan CTRL+F atau F3 untuk cari kod /* Mobile
3. Copy kod di bawah nie.. dan pastekan kod di atas kod /* Mobile
.header-outer, .content-inner { background-color: transparent;}
.main-outer, .tabs-outer { background-color: $(content.background.color);}
.tabs-inner .widget ul { margin: 0px -15px;}
.content-inner{padding: 0px;}
cuba PREVIEW jadi tak.. kalau tak jadi cari kod /* Header dab copy kod kat no.3 dan pastekan kat atas kod /* Header. Sebabnya ada sesetengah blog tak jadi bila paste kod dekat atas kod /* Mobile
Preview lagi..tengok macam mana..mesti korang perasan ada shadow kat tepi header tu kan...ok jangan risau ..don't worry be happy
Cara nak hilangkan shadow keliling blog..
1. DASHBOARD > DESIGN > EDIT HTML
2. tekan CTRL+F atau tekan F3 untuk cari kod .content-outer { (kod ini dibawah section /* Content)
3. Cari kod di bawah dan delete kod tersebut
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
4. Preview.. kalau shadow tu dah takde dan background header tu dah takde.. klik SAVE
5. Siap...
Tutorial untuk buat header blog yang bersambung dengan content blog akan menyusul kemudian ya. Harap bersabar..
Bila dah buat tutorial nie n menjadi sila comment ya..
siapa yang guna DENIM TEMPLATE boleh guna TUTORIAL NIE
siapa yang guna DENIM TEMPLATE boleh guna TUTORIAL NIE
KaDaNg-KaDaNg Allah HiLaNgkAn SeKeJaP MaTaHaRi KeMuDiAn DiA dAtAnGkAn PuLa GuRuH dAn KiLaT,PuAs KiTa MeNcArI Di MaNa MaTaHaRi,RuPa-RuPaNyA Allah InGiN MeNgHaDiAhKaN kItA PeLaNgI yAnG iNdAh ~
No comments:
Post a Comment
Terima Kasih Atas Pandangan Dan Komen Anda . Shahril Akan Memperbetulkan Apa Yang Kurang . :) Lepas komen Jangan Lupa Share Artikel Dan Follow Blog Shahril !