Salam korang..
Hari nie nak wat tutorial rapatkan Header pada content/body blog korang..Sebelum ke klaz nie nak wat gak sebab ramai yang tanya macam mana nak wat lepas dia orang tengok WanhazelJunior.So law korang berminat.
Jum tutorial..(untuk pengguna design/layout template sahaja)
Sebenarnya cara nak wat nie ada cara lain lagi..Tapi skang nie Wan nak kongsikan salah satu cara yang paling senang..Cara satu lagi kene ubah kod HTML dan edit Background...Tapi jangan risau..Wan bagi tutorial yang senang je kat korang..Kan korang slalu tengok Header bersambung dengan content/body..Sebelum tu korang mesti ada Header yang menarik..Korang leh tengok Tutorial nie.
Tutorial nak wat header transparents
Tutorial wat Header Blog Cute or Comel_Adobe Photoshop
Dah ada Header yang menarik...Jum edit kod lak..
Dashboard>design/layout>Edit HTML
Tick expand widget
Mula mula korang cari kod nie
/* Header
CTRL+F bagi memudahkan pencarian.
Law korang dah jumpa tu..korang tengok bawah bawah lagi dan korang akan jumpa kod macam nie.
border: 9px solid $headerBgColor;
Law dah jumpa..Korang ubah 9px tu kepada 0px..Dan akan jadi macam nie
border: 0px solid $headerBgColor;
Boleh faham tak??Tak faham tengok gambar bawah nie..
Ok selesai .
Preview ..Law tak de error and ok..Save terus
Selamat mencuba..
.
68 comments:
kalo guna minima boleh kan ?
besh ilmu ni Wan. Thanx for sharing! akak ni walopn design header tp asyik fail bab coding! salu silap bg saiz header kat customer! hahah
Waaaa, teruje kejap dok men hover2 kat header kamuu, menarik la, lame da xdtg sini, tgh bz nak study la katekan, huhu.. en.engineer bole aja x cane nak custom template sume2 ni? huhuhu, nak godek sendiri xreti.. =.=''
cik gurlzanne
a ah boleh gak..eheheh
Wansteddy Tales
ehehhe..nanti akak terer gak...wan dulu pun tak taw pape pasal nie...godek2 je kak
❤ Luna ❤
law nak custom made template nie..memang byk kerja...apa kata jenguk kat blog cap ayam...cari je kat carian google mesti ada..patu tgk bhgian tutorial k
kui2.. da jadi da :)
hehe..
tapi blog saya tak secantek mane :)
cik gurlzanne
hehehe..tak cantek tapi comel kan..kawaii...
kalau x jumpe code yg (border: 9px solid $headerBgColor;)
camne...
dah centerkan tpi nak ke bawah sedikit..
xdpt la buat wan...xjd....huhu
Muazz Adley
leh copy kod tu and paste dekat bawah header tu k
~CiK TiNieY~
nape lak tak jadi???
bawah header yg mana stu..da buat tpi eror..
kalau minima carik kod yg sama ke ?
apitrawrr
a ah...sama je..
Muazz Adley
guna kod nie kk..letak bawah header yg di cari tu..
#header {
width: 1000px;
height: px;
border:0px solid $bordercolor;
color: $pagetitlecolor;
text-align: center;
}
klau nk pisahkn header ngn body blog cm header wan 2 cmna??
nak pisahkan..law nak pisahkan cara sama je...n tambah angka dalam 9px tu ke 10 or 11..
erk... np xda kod?? :(
>> border: 9px solid $headerBgColor; <<
Asma Ahmad
tambah sendri kod yang wan kasi kat atas komen tu k...try leh tak...preview dulu..letak kat bawah header tu gak
wan..knp tk jd ek??dh letak dh code yg wan bg kat ats tu..tp die asyik keluar yg nie je..>>>invalid variable declaration in page skin:Variable is used but not defined. Input bodercolor<<<<<<
knp ek??
pwincess hana
mungkin template awak tak ok lah tu...
xleh jgk... :(
xpew la...
cowie taw..
oh ok..
peace
abg wan, cane nak buang background header ek? kite da transparentkan gamba tu, tapi pkai temp designer bckground putih tuu ade lagi. cane ek, bole tolong tak? ^^
Anonymous
yang tu wan tak taw lak..lom godek2 lagi ..ehehe
template ape yg sesuai , yg ada code border: 9px solid $headerBgColor; ?
simple atau picture window ?
aina
ape simple n picture window tu...guna miniama template n edit sedri lagi senang
xde pun yg border 9px tuh. :(
guna kod nie kk..letak bawah header yg di cari tu..
#header {
width: 1000px;
height: px;
border:0px solid $bordercolor;
color: $pagetitlecolor;
text-align: center;
}
try leh tak??
hoho..failed =,=
sye gune picture window..tp code tu xde..da try tmbh sndiri pun xdapat..invalid..waaaaa...nak jugakkkk..nak jugakkkk...
picture window tu pae erk??
asal tak boleh :'(
erk..nape tak leh ye??
border: 9px solid $headerBgColor; nape x der k0d tuh ?
try tambah nie k..
guna kod nie kk..letak bawah header yg di cari tu..
#header {
width: 1000px;
height: px;
border:0px solid $bordercolor;
color: $pagetitlecolor;
text-align: center;
}
abg wan kan suruh tambah code kat atas tuh kan .. tak jadi
"Invalid variable declaration in page skin: Variable is used but not defined. Input: bordercolor"
erk nape tak jadi lak??guna template ape erk???
tak jadi lhaa .. nape erk ?? huhu
wawa
mungkn wawa nye template tak leh trima kot..tp mesti leh nye law ade kod macam kat atas tu
wan,, saya x dpt find la code utk border tu..;(
unforgetableFATEEN
mungkin template awak lain kot...
wan guna template ek?minima template ke?
a ah...minima template
yg header tu dpt jumpe tpi kod border: 9px solid $headerBgColor; x dpt jumpe pown.. huhu
wan, nak tanya. kalau takde code yg
border: 9px solid $headerBgColor;
macamana nak buat?
naja
try tmbh kod..n preview jadi tak
Nurul Ayna Nabiela
try tambah kod tu k...
x jumpak larh kod
/* Header or yg nie
#header {
mungkin template yg awak guna lain
wan,kalau masalah blog sy ni mcm mane erk?header dia xcenter,sdgkn kod dia dh same mcm kod yg wan bagi.
lagi satu,main wrapper dgn sidebar wrapper pun x samela height dia,mcm mane erk?hehe :)
kalau ade masa nnt,reply lah, :)
side bar n main tu tggi memang tak sama..tak center tu mesti ada maslah ngan koding
wan kenapa tak jumpa kod ni --> (border: 9px solid $headerBgColor;)
template lain tu kot..
gune template lah macam wan cakap , tapi tak jumpe pun kod " border: 9px solid $headerBgColor; " ni . Macam mane ye ? :)
mungkin templat tu lain kot
wan..kalau guna blogskin camane eh..?
blogskin..tak taw lak..bab koding brbeza2//
salam ,wan ..thanks TAU ,,aku dah try wt ,alhamdulillah jadi jgak akhirnye ... :DD ..
dah tukar 0, tapi tak jadi :'( sedih nye.
mungkin template zatu tak sama ngn koding nie kot
tak boleh pon :( , saya tak jumpa cari code tuh
wan,maz gne picture window ad gak crenya tapi tak jadi lah
tak taw lak wan
salam wan..kenapa saya tak de pon kod tu..yag dekat dalma gambar tuh??
makna nya awak guna template lain
Post a Comment