TUTORIAL : Your Own Navbar

tadi ade yang request una mcm mana nak buat navbar mcm una kan ? soo , here i am , tak tahu ape tuh navbar ? cuba tengok pic dekat bawah nie -->

hahh , tahu dah kann ? let's we start , 1st of all this tuto is credit to lettha :) sebab una guna code dia . then una tweak kan dia ^^ lagipun lettha use blogskin so code nyer mmg berlainan , una pulak guna washed denim kan ?  soo , let we startt ^^ 

First go to your Dashboard > Design > Add Gadget > HTML/Javascript then korunk sila copy paste code yang kat bawah nie -->

<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:black; color:white; font-size:11px;">
<center>welcome to my empire !! CODE ONLINE USER|| <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>


Nota berwarna :
Biru : yang nie korunk boleh letak apa sahaja words , kire macam ucap selamat datang lah kat blog korunk kann ??
Merah : yang nie korunk boleh letak korunk punyer online user , tak tahu ape tuh online user ? check it out HERE !
Hijau : yang hijau pekat tuh korunk tukar pada id blog korunk kayy ? 

biler dah sudah tweak segala bagai korunk save and lihat lah dia punyer hasil ^^ lawa takk ?? hee :D

NOTA BIT BOTT :
yang code dan colour boleh tukar okey ? macam yang black tuh boleh tukar pada pink , orange or etc . but korunk jugak boleh guna code colour seperti ini #000000 , tak tahu nak dapat kat mana ? yupp , korunk pergi je kat SINI yupp ^^ soo , selamat mencuba semuaaa :)

37 comments:

  1. Shahirah SabranOctober 26, 2011 at 2:57 PM

    dah lama cari tuto ni ^^ thx kak !

    ReplyDelete
  2. rynasriOctober 26, 2011 at 3:02 PM

    Una if nak navbar tuu ikut kita walaupun kita scroll kat bawah . code dia macam mana ?

    ReplyDelete
  3. M. HijazziOctober 26, 2011 at 3:04 PM

    Terima kasih ! kalau blogskin paste bawah >html< kann.

    ReplyDelete
  4. AnonymousOctober 26, 2011 at 4:06 PM

    aaa

    ReplyDelete
  5. Anna TiqaOctober 26, 2011 at 4:30 PM

    thanks kak una, jadi laaa ;)

    ReplyDelete
  6. Hazirah AshhuriOctober 26, 2011 at 4:33 PM

    thnx una. menjadi akk nye blog .akk suke tutorial una .sng phm .tq2 .if de mse singgah blog akk ek
    http://hazirahashhuri.blogspot.com

    btw, gudluck okeyh SPM.^^

    ReplyDelete
  7. IzzatiOctober 26, 2011 at 5:35 PM

    Thanks Kak Una :)

    ReplyDelete
  8. Sarah HanimOctober 26, 2011 at 6:24 PM

    sweet ;)
    una lama dah tak online . rindu :D

    ReplyDelete
  9. :)October 26, 2011 at 9:54 PM

    una , kalau tanak guna online user tu macam mana ? i hope you reply . help meeeeeeeeeee :(

    ReplyDelete
  10. Husna Hamzah'sOctober 27, 2011 at 12:01 PM

    kiking kikong : kalau tak nak ade online user buang kan saje perkataan CODE ONLINE USER tuhh :)

    ReplyDelete
  11. AnonymousOctober 27, 2011 at 1:36 PM

    why tak boleh click ehh button dashboard and follow tu ? -.-' saya dah buat dah semua . tak jadi pun ~

    ReplyDelete
  12. LeyaOctober 27, 2011 at 7:43 PM

    YEAH ! daa jadi Kak Una :)

    ReplyDelete
  13. Thenadiaswan ;)October 27, 2011 at 8:35 PM

    tengs for the tuto ! nice

    ReplyDelete
  14. Miyoung♥October 27, 2011 at 11:13 PM

    kak ! knape navbar tuh tergantung tengah2

    ReplyDelete
  15. Aqilah MohamadOctober 28, 2011 at 7:21 AM

    thanks una .

    ReplyDelete
  16. 'Ais S.October 28, 2011 at 3:48 PM

    Dah jadi :D TQVM Kak Una !

    ReplyDelete
  17. miss simpleOctober 28, 2011 at 10:57 PM

    dah jadik , thanks

    ReplyDelete
  18. nur amieraOctober 31, 2011 at 9:51 AM

    thax kak una .

    ReplyDelete
  19. Cik LysaNovember 3, 2011 at 9:15 PM

    code online user tuh dea tk masuk dlm ayat tuh lha .

    ReplyDelete
  20. Haifa YasminNovember 11, 2011 at 10:54 PM

    Thanks yea kak una :)
    hermmm GoOd luck SPM taw :)
    saye doakan yg terbaek buat kakak.

    ReplyDelete
  21. mynn ketot ^^November 13, 2011 at 12:39 AM

    kita amik tautau una :)

    ReplyDelete
  22. AsyikinNovember 26, 2011 at 11:10 AM

    camne nak buat navbar tu ikot kite bile kite scroll ke bawah?

    ReplyDelete
  23. luna pocodotsDecember 15, 2011 at 1:16 PM

    tuto ni untuk denim template boleh x??

    ReplyDelete
  24. Husna Hamzah'sDecember 15, 2011 at 1:27 PM

    @elinsimpson bolehh :)

    ReplyDelete
  25. amy :)December 18, 2011 at 12:03 PM

    ambil satu ye .@Shahirah Sunshine

    ReplyDelete
  26. ZeroDecember 21, 2011 at 9:59 PM

    tak jadi pun , eh ID nak amek yg mane ? hmm tak faham la

    ReplyDelete
  27. RaihanaDecember 22, 2011 at 10:25 PM

    una :D boleh tanye tak? macam mane nak cari id blog? sory kalau ganggu:D i tak tahulah macam mane:D

    ReplyDelete
  28. syasyi_syazDecember 24, 2011 at 2:44 PM

    thankYou akka , ! ^^

    ReplyDelete
  29. LynnaaDecember 27, 2011 at 7:11 PM

    akk mna na cr id blog?

    ReplyDelete
  30. DynRsdDecember 30, 2011 at 3:19 PM

    akak , boleh tak nak letak animation pictures before link "Follow" ngan "Dashboard" ?

    ReplyDelete
  31. nadirahJanuary 2, 2012 at 3:45 PM

    una , dia tergantung kt tgh2 la :(

    ReplyDelete
  32. Lala YasserJanuary 12, 2012 at 9:39 PM

    @nadyraa nur amir (:

    sis, dah jadi tp, mcm mane nk besa kn sikit tulisan tu?

    ReplyDelete
  33. Lala YasserJanuary 12, 2012 at 9:40 PM

    sis, dah jadi tp mcm mane nk besakn sikit tulisan tu?

    ReplyDelete
  34. Yuyun ShafiqahJanuary 25, 2012 at 3:21 PM

    dah jadik , sweet meyh ..
    yun pinjam buat tuto boleh ?

    ReplyDelete
  35. hidayahJanuary 26, 2012 at 2:11 PM

    dyah ade tweak sket tuto ni and gune sbg tuto dyah tp tetap letak credts taw ..tanx yee

    ReplyDelete
  36. JabibahFebruary 10, 2012 at 8:46 PM

    Thanks , akak . Dah jadi (:

    ReplyDelete
  37. Ainul FarihaMarch 9, 2013 at 12:44 PM

    tak faham . tolong :'(

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=