Cara Memasang Navigation Tab Sky Blue Keren + Social Icons

#topMenu{border:1px solid #7DF; border-radius:6px; background:#00AAEB; background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,-moz-linear-gradient(top, #00c1fa 0%,#0094dd 100%); /* FF3.6+*/background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00c1fa),color-stop(100%,#0094dd)); /* Chrome,Safari4+*/background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,-webkit-linear-gradient(top, #00c1fa 0%,#0094dd 100%); /* Chrome10+,Safari5.1+*/background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,-o-linear-gradient(top, #00c1fa 0%,#0094dd 100%); /* Opera 11.10+*/background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,-ms-linear-gradient(top, #00c1fa 0%,#0094dd 100%); /* IE10+*/background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,linear-gradient(to bottom, #00c1fa 0%,#0094dd 100%); /* W3C */background:url(http://2.bp.blogspot.com/-gRVf2gxFBLs/UiWSY6cS2FI/AAAAAAAAK-o/ssUgKrXyiYA/s1600/bk_topmenu.png) 100% 0 no-repeat,filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c1fa',endColorstr='#0094dd',GradientType=0 ); /* IE6-9 */}
#topMenu ul.sf-menu li{border-right:1px solid #80CFFF}
#topMenu ul.sf-menu li a{color:#CBEBFE; text-shadow:#008FE8 1px 1px}
#topMenu ul.sf-menu li li a{color:#CBEBFE}
#topMenu ul.sf-menu li a:hover{color:#FFF}
#topMenu ul.sf-menu li li{}
#socialIcons li{border-left:1px solid #2BC9FD}
#topMenu{width:960px; height:46px; position:absolute; top:125px; left:0; -webkit-box-shadow:0 6px 6px -6px #999; -moz-box-shadow:0 6px 6px -6px #999; box-shadow:0 6px 6px -6px #999}
#topMenu ul.sf-menu li{float:left; padding:0 15px; font-size:12px;list-style: none;margin-left: -10px;}
#topMenu ul.sf-menu li a{text-decoration:none; text-transform:uppercase; font-weight:bold; padding:4px 0}
#topMenu ul.sf-menu li a:hover{text-shadow:none}
#topMenu ul.sf-menu li li{padding:0; border:none}
#topMenu ul.sf-menu li li a{font-weight:normal; padding:4px 12px}

#socialIcons{position:absolute; right:0;  margin:0 0}
#socialIcons li{float:left; padding:0 10px;list-style: none;}
#socialIcons li a{display:block; text-indent:-9999px; width:24px; height:19px}
#socialIcons li a:hover{background-position:0 -19px}
#socialIcons .twitter{background:url(http://2.bp.blogspot.com/-7JC5Yt-isK0/UiWSgvD1f8I/AAAAAAAALBU/IJDgA02d9L8/s1600/ico_twitter.png) 0 0 no-repeat}
#socialIcons .facebook{background:url(http://1.bp.blogspot.com/-MvFaxmUZcGw/UiWSd2WRklI/AAAAAAAALAU/Jl7hlM_-3p4/s1600/ico_facebook.png) 0 0 no-repeat}
#socialIcons .flickr{background:url(http://4.bp.blogspot.com/-VF4Umw4kSXY/UiWSesSndBI/AAAAAAAALAo/1HBITiUq99U/s1600/ico_flickr.png) 0 0 no-repeat}
#socialIcons .linkedin{background:url(http://1.bp.blogspot.com/-D6vSvVKdpvs/UiWSfc253gI/AAAAAAAALBI/ylQv8MLjbZM/s1600/ico_linkedin.png) 0 0 no-repeat}
#socialIcons .vimeo{background:url(http://2.bp.blogspot.com/-w10sIKYdhb4/UiWSgz4C03I/AAAAAAAALBY/QPlM1cO1tOk/s1600/ico_vimeo.png) 0 0 no-repeat}
#socialIcons .googleplus{background:url(http://2.bp.blogspot.com/--y1KCpZE59U/UiWSe8KN2fI/AAAAAAAALA0/f1a3HtihS14/s1600/ico_google.png) 0 0 no-repeat}
#socialIcons .rss{background:url(http://1.bp.blogspot.com/-SIQWOLZJ--s/UiWSfpTrdTI/AAAAAAAALA4/DTyagb6tUIs/s1600/ico_rss.png) 0 0 no-repeat}

<div id="topMenu">
<ul class="sf-menu sf-js-enabled sf-shadow" id="menu-topmenu">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="http://www.gunkdephoenix.blogspot.com/">Contact Us</a></li>
</ul>

<ul id="socialIcons">
<li><a class="twitter tooltip" href="http://www.twitter.com/gunkde_hoppus"  target="_blank">Follow us on Twitter</a></li>
<li><a class="facebook tooltip" href="http://www.facebook.com/people/Aditya-Pratama/100000130062770" target="_blank">Join us on Facebook</a></li>
<li><a class="linkedin tooltip" href="http://www.linkedin.com/Username" target="_blank">Join us on LinkedIn</a></li>
<li><a class="googleplus tooltip" href="https://plus.google.com/116707876226686614661" target="_blank">Join us on Google+</a></li>
<li><a class="flickr tooltip" href="http://www.flickr.com/Username" target="_blank">Watch us on Flickr</a></li>
<li><a class="vimeo tooltip" href="https://vimeo.com/Username" target="_blank">Watch us on Vimeo</a></li>
<li><a class="rss tooltip" href="http://gunkdephoenix.blogspot.com/feeds/posts/default"  target="_blank">RSS Feeds</a></li>
</ul>
</div>