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.
Di era Globalisasi ini, semua informasi bisa kita dapatkan dengan mudah melalui internet mulai dari tips sampai lelucon-lelucon, tapi jika kita fikir secara logika dan rasakanlah sebagai warga Indonesia, saya turut prihatin karena minat baca anak Indonesia itu rendah, karena membuka internet sekedar Cheat ,Hack, Game, or whatever, dan sekedar search google, lalu sudah....
<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;
}