26 January 2012

Tutorial : Letak Header dan Hover (BLOGSKIN)

Assalamualaikum dan Hye.

Kihah dah kembali! Rindu tak? Ah. bajet sikit. Padahal baru je semalam uupdate. LOL. So know today, kihah nak buat tutorial for Classic Template/Blogskin ONLY. haha. Paham ? :D


LETAK HEADER

1. Search kod
<head>
2. Pastekan kod ni kat bawah kod <head>
<center><img class="headerr" src="URL HEADER" /></center>
Nota.
Gantikan URL HEADER dengan header sendiri. Anda boleh ambik di SINI, SINI, SINI, SINI atau SINI.

3. Pastu, ctrl+F atau tekan ke F3 search kod ini pulak.
body {
4. Pastekan kod ni di atas body {
.headerr {
margin-top:0px;
margin-left:0px;
-webkit-transition:1s
}
5. Preview And Save.

LETAK HEADER HOVER

1.Lepas Save tadi, search semula kod
.body {
2. Hahaha. Tu kod tadi. Letak kod ni di atas body.
.headerr:hover {
padding-left: 50px;
-webkit-transition-duration: 1s;
}
Paham tak nak letak kod tu macam mana? Kalau tak paham, tengok sini.


3 Haa. Dah paham kan? Preview dulu kalau jadi SAVE okay
Okaylah. Bye, assalamualaikum :)

17 comments:

  1. Hai , DikKihah :) Macam mne ea nak buad blogskin ? Harap Adik Kihah buat satu tuto pasal tu ^^ tq

    ReplyDelete
  2. a'ah . kihah bwadd lha tuto bloskin 2 columns . sbb 1 columns kann kak nana da bwadd . :)

    ReplyDelete
  3. Akak, kenapa yg --->.body { nih. Tengok kat blog saya, tkde pun. Harap akak balas :)

    ReplyDelete
  4. header yg chomel! da amek taw, thanx ! :)

    ReplyDelete
  5. akak, x pndai larR. adeq pkai blog yg lama punyer ..

    ReplyDelete
  6. Hey .. kak diah !! ur tuto menjadi kat blog sye ! thenks a lot . btw , nak tyer , canner akak buat keypad ank pnah kecik ni ader nmer akak ha ? cam "Faqihah" ? can u show the tuto ? thanks

    ReplyDelete
  7. @Mr_Ms Capital A' : Maksud akk? :/

    ReplyDelete
  8. @Intan Cintotbody tu buang titik.,,
    ---->body {

    ReplyDelete
  9. THANKS..berguna sangat2..^^Y

    ReplyDelete
  10. Awak , cm mana nk buang header asal ?

    ReplyDelete
  11. kihah ! jadik ! nk curik stu ! lalala ~

    ReplyDelete

Your words defines you