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 :)
Posted at
In , ,

17 comments:

  1. Rishah Muzahar26 January 2012 at 18:54

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

    ReplyDelete
  2. amiera natasha @26 January 2012 at 19:29

    same amek satu .. tengs kawan

    ReplyDelete
  3. αզιℓααα ғαωααααн26 January 2012 at 20:35

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

    ReplyDelete
  4. Intan Cintot26 January 2012 at 23:24

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

    ReplyDelete
  5. Nurul Fiera27 January 2012 at 15:10

    header yg chomel! da amek taw, thanx ! :)

    ReplyDelete
  6. Ashjbxoxo27 January 2012 at 20:53

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

    ReplyDelete
  7. An.ibz27 January 2012 at 23:20

    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
  8. faqihahhusni28 January 2012 at 14:08

    @Mr_Ms Capital A' : Maksud akk? :/

    ReplyDelete
  9. Unknown7 March 2012 at 15:49

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

    ReplyDelete
  10. shiny star16 March 2012 at 16:24

    thanks hihi

    ReplyDelete
  11. Aiezadmd29 March 2012 at 14:31

    THANKS..berguna sangat2..^^Y

    ReplyDelete
  12. Dyba Rosli10 April 2012 at 02:10

    Thanks!its help me a lot

    ReplyDelete
  13. Just Be YourSelf20 April 2012 at 15:42

    @rishah ahah .. kihah wat yg tu pliss

    ReplyDelete
  14. Gadis Kecoh20 May 2012 at 18:48

    Awak , cm mana nk buang header asal ?

    ReplyDelete
  15. SyahirahArina6 April 2013 at 15:37

    kihah ! jadik ! nk curik stu ! lalala ~

    ReplyDelete
  16. anshmnf29 May 2013 at 18:21

    Thanks qihah :)

    ReplyDelete
  17. Anonymous27 December 2013 at 20:47

    thanks :3

    ReplyDelete

Your words defines you

Subscribe to: Post Comments (Atom)