Sunday, May 31, 2009

Object Dock Navigation Tutorial



here...another tutorial for your blog guys ^^
as the title above, you can tell ...am i right?..yes, this is the tutorial to create object dock navigation :),ah if u dont know it's ok...just see the screenshot above this Tutorial ,nah...you can tell now ,right ^^ .I am already using this trick too ,so...you can see the live preview for this tutorial.

Actually my previous post already using this too ,yeah "The DotA Allstars Template"...because of that ,few visitors want to know how i create this navigation.So...to answer that question i will tell you how to create it with this post

Here I come!!!! :D
First Found this Code


Paste this Css Code above that code

» Click to show CSS Code - click again to hide... «


next...paste this code below this

<script src='http://www.geocities.com/ziegey_clonesphare/jquery.js' type='text/javascript'/>
<script src='http://www.geocities.com/ziegey_clonesphare/interface.js' type='text/javascript'/>


NOTE:you see jquery.js and interface.js URL right?? I suggest you download that file and reupload to your filehosting ,because im not responsible if that file removed from my account


ok next
here the last script .paste this below
» Click to show Script - click again to hide... «


you can modify that script on your own ,you can change # for the URL,Images ,and dock labels
Ok Thats all...see you again in the other tutorial ^^

Thx to
http://www.andrewsellick.com


19 comments:

  1. wew..keren!!
    udah dibaca tapi nyonteknya kapan2 aja ah..
    soalnya kelewat canggih buat blog gua yg sederhana.. 8-}

    tapi bener2 bermanfaat ilmunya.
    makasih dah bagi ilmu ya..

    ReplyDelete
  2. lansung ambil deh keren nih

    bolehkan

    sayang sekali script di js nya di encripsi..

    jadi ga tahu gmn cara kerjanya

    ReplyDelete
  3. saharing posting yang bagus dan bermanfaat...mantap sobat....keep posting n sharing nice info like this......

    ReplyDelete
  4. @Gedel
    Feel free to use it anytime u want:);)

    @Dmoon
    oke sob silahkan
    itu Jsnya bukan sy yg enkripsi,jquery tuh isinya cm pustaka JavaScript yang cepat dan ringkas yang menyederhanakan traversing dokumen HTML, penanganan event, animasi, dan interaksi Ajax untuk mempercepat pengembangan web;;)

    @mahendra
    ok sob...i will keep posting a useful tricks like this8-}

    ReplyDelete
  5. Wow... This is cool.... I'll use it and comment again... Anyways thanks for the dock...

    ReplyDelete
  6. keren nich tutorialnya...saya serap dulu ilmunya :)

    kangtatang

    ReplyDelete
  7. sip udah dapat PR..postingan di perbanyak dong...dan jangan lupa kasih tag (diblogger juga bisa di kasih tag, coba cari tutorialnya..biar indexnya semakin banyak

    ReplyDelete
  8. @Karthick
    Thx...u hope this tutorial useful for u:)

    @Kang Tatang
    monggo kang...:D

    @pak Dony
    heheh iy pak...kbagian hadiah dr google kmrn8-}
    klo soal tag clouds aq uda ad pak scriptnya ..cm ms bingung mo d taro sblah mana aj:D
    aq tnggal google indexnya aj koq pak yg belom memenuji nilai A wat mt kul bpk;;)

    ReplyDelete
  9. wehehehe..mantap sob, bagus..cocok buat template u

    ReplyDelete
  10. mantap joy... ajarin aku nah.... lagi males baca nih

    ReplyDelete
  11. @erwin
    yoi..thx win

    @BMX
    sama2 bro:D

    @arif
    klo g2 mulailah rajin membaca skrng;;)

    ReplyDelete
  12. @Dana Telco & Mahendra

    Thx sob ;)

    ReplyDelete
  13. keren abis sobb...
    bener-bener menyejukkan penglihatan hiii...
    follow balik yah sob...
    thanks for visit my friends

    ReplyDelete
  14. hi...nice post. have nice weekend

    ReplyDelete
  15. @FMA,Lina,Trihas

    Thx sob dah mw mampir:D

    ReplyDelete

.