Menu Jquery Smoth dropdown
Dalam tutorial kali ini saya akan menjelaskan bagaimana cara membuat menu" Jquery Smoth Dropdown ", sebenarnya menu dropdown kali ini ada dua jenis yang saya postingkan kali ini jenis yang pertama kalian bisa melihat disini DEMO nya untuk melihat contohnya
bagaimana menarik untuk mencoba , berikut langkah langkahnya.. !!
1. Login ke blogger
2. Masuk rancangan dan pilih Edit HTML
3. Cari kode </head> letakan kode Jquery dibawah ini diatas kode </head> .
<link href='https://sites.google.com/site/jayanaktkj/smoth-jquery/superfish.css' rel='stylesheet' type='text/css'/>
<link href='https://sites.google.com/site/jayanaktkj/smoth-jquery/theme2.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/jayanaktkj/smoth-jquery/jquery-1.3.2.min.cs.js' type='text/javascript'/>
<script src='https://sites.google.com/site/jayanaktkj/smoth-jquery/superfish.js' type='text/javascript'/>
<script type='text/javascript'>
jQueryCS(function() {
jQueryCS("ul.cs-superfish").superfish();
});
</script>
4. Dan langkah terakhir letakan kode dibawah ini diatas kode <body> kalian juga bisa menambahkan kode dibawah ini di Tambah Gadget HTML.
<ul class='cs-superfish sf-menu'>
<li class='current first'>
<a href='http://shofitkj.blogspot.com'>menu item</a>
<ul class='sf-shadow-off'>
<li class='first'><a href='#'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a>
<ul class='sf-shadow-off'>
<li class='first'><a href='#'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li class='last'><a href='#'>inner item</a></li>
</ul>
</li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li class='last'><a href='http://alamat-url'>inner item</a></li>
</ul>
</li>
<li>
<a href='#'>menu</a>
<ul class='sf-shadow-off'>
<li class='first'><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li class='last'><a href='http://alamat-url'>inner item</a></li>
</ul>
</li>
<li>
<a href='#'>menu item asd sdf s</a>
<ul class='sf-shadow-off'>
<li class='first'><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li><a href='http://alamat-url'>inner item</a></li>
<li class='last'><a href='http://alamat-url'>inner item</a></li>
</ul>
</li>
<li class='last'><a href='http://alamat-url'>menu item</a></li>
</ul>
Keterangan :
Edit code yang sudah di kasih warna merah Dengan Alamat Url kalian yang akan di tampilkan.
Selamat mencoba dan semoga berhasil..!!
>
Show
0 Comments
prev
next
