Pada Bahasan Sebelumnya kita telah membahas cara membuat virus dengan FFE , emang virus itu bener nyusahin sih, ada yang buat berat sistem, tp eh posting selanjutnya itu EDUCATIONAL PUPOSE ONLY.
jangan di salah gunakan ok.
<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>
<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>
.PopularPosts
.PopularPosts .widget-content ul li{
.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;text-shadow:0px 1px 0px #fff;} .PopularPosts .widget-content ul li{padding:0.7em 0;background: url(http://3.bp.blogspot.com/-5T_xlsI0aIc/T-lcR7ChM9I/AAAAAAAAAUc/G8Y7AbJ_3lQ/s1600/BI+logo.png) no-repeat 5px 10px;list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #dddddd; border-radius:5px; -moz-border-radius:10px; -ms-transition: all 0.26s ease-out; /* IE10? */ -moz-transition-duration: 1s; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out } .PopularPosts .widget-content ul li:hover{ border:1px solid #6BB5FF; color: #0CF; text-transform: none; float: none; margin:0 0 5px 0px; border-radius:15px; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000; box-shadow: 1px 1px 4px #000; z-index:999999; font-weight:bold; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.31); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.31); box-shadow: inset 0 1px 0 rgba(255,255,255,0.31); -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */ -moz-transition-duration: 1s; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; text-shadow:1px 1px 3px #D2BCB0, -1px 1px 3px #D2BCB0, -1px -1px 3px #D2BCB0, 1px -1px 3px #D2BCB0; }
<style>
#mbtnavbar {
background: #3B5998;
width: 100%;
color: #FFF;
margin: 10px 0;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}