kali ini saya akan memberitahu cara membuat smooth efek transisi pada dropdown anda
yg pertama kali anda lakukan,sudah pasti buka template editor anda
pilih Edit HTMLdan Cheklis pada "expand Template Widget"
kemudian Liat dropdown menu anda
Pada Dropdown Menu saya, saya menemukan kata "Contact" , Kemudian cari kata "contact" pada template Editormu tadi .
Code saya akan jadi seperti ini
<div style='clear:both;'/>copy bagian yang berwarna biru ,tempatkan sama persis seperti yang saya lakukan pada Code saya.
<div class='span-24'>
<div class='zmh-dropdown-container'>
<ul class='menus zmh-dropdown'>
<li><a href='zulkhamsyahmh.blogspot.com'>Home</a></li>
<li class='dropdown1'><a href='#' rel='nofollow'>Contact</a>
<ul class='sub_navigation1' style='display: none; '>
<li><a href='https://plus.google.com/u/0/102366695907680083909' rel='nofollow'>Google+</a></li>
<li><a href='https://www.facebook.com/zulkhamsyah' rel='nofollow'>Facebook</a></li>
<li><a href='https://twitter.com/ZulkhamsyahMH' rel='nofollow'>Twitter</a></li><li><a href='http://www.linkedin.com/pub/muhammad-h-zulkhamsyah/49/a62/197' rel='nofollow' target='_blank'>LinkedIn</a></li>
<li><a href='http://pinterest.com/zulkhamsyah/' rel='nofollow' target='_blank'>Pinterest</a></li>
</ul>
</li>
<li><a href='http://zulkhamsyahmh.blogspot.com/2012/05/link-exchange.html' target='_blank'>Link Exchange</a></li>
<li><a href='http://zulkhamsyahmh.blogspot.com/p/thank-you-for-donation.html' target='_blank'>Donate Us</a></li>
<li><a href='https://plus.google.com/102366695907680083909/about' rel='nofollow'>About Me</a></li>
</ul>
</div>
</div>
setelah itu, cari <head> dan paste Code dibawahnya :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>Mudah bukan???
<script type="text/javascript">
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
<script type="text/javascript">
// Wait for the page and all the DOM to be fully loaded
// Add the 'hover' event listener to our drop down class
$('.dropdown1').hover(function() {
// When the event is triggered, grab the current element 'this' and
// find it's children '.sub_navigation1' and display/hide them
$(this).find('.sub_navigation1').slideToggle();
});</script>
jikalau ada masalah, please comment Below dan berlangganan newsletter :)
Source : How To Add Jquery Effect On Dropddown Menu
wew,,, yang ini belum pernah saya coba nih...
BalasHapushe..he...
coba dulu :D
Hapusini supaya dropdown na bisa slider
kalo gk bekerja, comment biar ane solve masalahnya :D