Cool Transition Css3 Menubar For Blogger 2013

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<ul class="navbar color1"> <li><a href="http://www.digitalhubinc.com/"><i class="icon20 home"></i><span>Home</span></a></li> <li><a href="#"><i class="icon20 upload"></i><span>Upload</span></a></li> <li><a href="#"><i class="icon20 download"></i><span>Download</span></a></li> <li class="drpdown"><a href="#"><i class="icon20 comments"></i><span>Posts</span></a>  <ul class="drpcontent">   <li><a href="#">Latest Posts</a></li>   <li><a href="#">Popular Posts</a></li>   <li><a href="#">Private Posts</a></li>  </ul> </li> <li><a href="#"><i class="icon20 login"></i><span>Login</span></a></li> <li class="drpdown"><a href="#"><i class="icon20 theme"></i><span>Themeselector</span></a>  <ul class="drpcontent" id="themeselect">   <li><a href="#" data-color="color1">Orange</a></li>   <li><a href="#" data-color="color2">Marine</a></li>   <li><a href="#" data-color="color3">Green</a></li>   <li><a href="#" data-color="color4">Purple</a></li>   <li><a href="#" data-color="color5">Red</a></li>  </ul> </li></ul>