Membuat menu navigasi dengan menggunakan Jquery

Langsung aja ya gan..??

Berikut ini langkah- langkahnya :

Masuk ke akun blogger anda, pilih "Design" kemudian pilih "Edit HTML"
Sebaiknya backup dulu blog anda dengan mengklik link "Download Full Template"
Beri ceklis pada kotak "Expand widget templates"
Silahkan anda cari kode ini ]]></b:skin>
Lalu letakkan kode berikut ini tepat diatasnya

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2 } .kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2} .kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg );background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2} #kwick1 a:hover{background-position:0 -50px!important} #kwick2 a{background-position:-190px 0} #kwick2 a:hover{background-position:-190px -50px!important} #kwick3 a{background-position:-380px 0} #kwick3 a:hover{background-position:-380px -50px!important} #kwick4 a{background-position:-570px 0} #kwick4 a:hover{background-position:-570px -50px!important} #kwick5 a{background-position:-760px 0} #kwick5 a:hover{background-position:-760px -50px!important} #kwick6 a{background-position:-950px 0} #kwick6 a:hover{background-position:-950px -50px!important} .kwicks li ul a{float:left;width:12em} .kwicks ul ul{top:auto} .kwicks li ul ul{left:12em;margin:0 0 0 10px} .kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}

Selanjutnya cari kode <head>
Letakkan kode berikut tepat diatasnya

Kemudian klik buttton "Save Template"
Langkah berikutnya pilih "Design" > "Page Element"
Pilih "Add a Gadget" > "HTML/ JavaScript"
Kemudian letakkan kode berikut ini

Sekian,
Selamat mencoba ##

Pages