M.David Marsal

Untuk tahap membuatnya, masuk pada bagian Design - Edit HTML, kemudian cari kode ]]></b:skin> kemudian letakan kode css dibawah ini diatas kode ]]></b:skin>

.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHad61hKXPNYcwDBflToUEszW4O4SA0r3ayjXDx_cwQb9B7ewWlVdK1g0D0WueEi1EWSN-eC0B3aLDMnlZqCx-pjpG_tlRWRW63TLlK9eDS3KJF1Hl3r7o8oBfWB1zVoTr2UI1oCiruPdS/s1600/menuslidejquery.png);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}
.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}

kemudian Save Template

Kemudian masuk Design - Page Element dan pilih add Gadget - HTML/javascriptuntuk posisi tampilan menu slide dan masukan script dibawah ini di dalamnya - kemudian Save