Assalamualaikum. helo helo. Hari ni, hari yang err kurang menarik,.. bagi beliau yang bernama Qistina. Okay lah tanpa membuang masa lagi, kita proceed kpd tajuk di atas. Contoh simple header yg dimaksudkan, sila rujuk header saya. pedulikan hover. just header. okay, tak da image atau apa2 decoration yg menarik bkn? cuma word je kat situ kan. memandangkan ada yg mintak request header dan beliau yg bernama Qistina ni bukanlah seorang yg rajin dan err kurang mendalami cita rasa org lain,, beliau selalu menolak menolak dan menolak. ya, agak tak sopan. perhaps ada antara dorang yg request takde photoshop atau software yang sewaktu dengannya kot. Anda bole je buat header tanpa semua tu. First of all, saya ambil code ni dr salah satu skin Aulia Septiyaa. panjang seyh mukadimah. okay okay lets start -.-
1. Pastikan anda pengguna blogskin.
2. Gantikan code header anda kepada code bwh ni.
.header {
color: #D8D8D8;
font: 50pt 'Tahoma';
padding-top: 100px;
margin-bottom: -50px;
text-align: center;
-webkit-transition: 0.5s;
}
Merah : Gantikan dengan warna anda nak.
Hijau : Size font. tukar ikut kesesuaian dan suka hati lah.
Biru : Font. boleh guna google web font. Apa tu? hah kelik >>SINI<<
Pink : jarak header + body dengan bahagian paling atas page. adjust sendiri okay :)
Oren : position header. adjust sendiri. kalau tak nak sambung dengan body, tukar kpd : margin-top:-50px;
3. ctrl+f / f3, search <body> atau <body. Copy then paste code bawah ni di bwh code <body> atau <body tadi.
4. Please PREVIEW dulu okay :) Kalau okay, baru save.
5. Klik ikhlas *wink wink :D [klik!] - [ikhlas!] - [tau!] thanks!
Hijau : Size font. tukar ikut kesesuaian dan suka hati lah.
Biru : Font. boleh guna google web font. Apa tu? hah kelik >>SINI<<
Pink : jarak header + body dengan bahagian paling atas page. adjust sendiri okay :)
Oren : position header. adjust sendiri. kalau tak nak sambung dengan body, tukar kpd : margin-top:-50px;
3. ctrl+f / f3, search <body> atau <body. Copy then paste code bawah ni di bwh code <body> atau <body tadi.
<div class="header"> NAMA BLOG ANDA </div>
4. Please PREVIEW dulu okay :) Kalau okay, baru save.
5. Klik ikhlas *wink wink :D [klik!] - [ikhlas!] - [tau!] thanks!
# update!
Sorry wehh! heh heh! Sila ke >>SINI<< untuk copy code :D
Macam mana eh if kita punya blog tu dia dah ada header sendiri? Macam mana nak tukar. Susah lah takde pun code dia -_- help me! Thankyou ;)
ReplyDeleteTak boleh copy code tu , akak disable Control Keys eh? :|
ReplyDeletealhamdulillah..ia berhasil..mule-mule confuse.. :) thanks kak..
ReplyDelete@ AliahN31J : mesti ada pnya. biasanya header pnya code mcm ni; < img class="header" / < div class="header" . then, tukar url image.
ReplyDelete@Zam Harirah : awk perlu ke SINI untuk copy code. harap maklum :D
@Megane_shounenn : okay hee, welcome.
kenapa bila sy nak tukar tulisan, tak jadi pun? hmmm
ReplyDeleteawak ada silap kat mana2 kot. btw, header awk cantik sangat2 lah :)
ReplyDelete