kodenya
<style>
ul#navigation1 {position: fixed;margin: 0px;padding: 0px;top: 150px;right: 0px;list-style: none;z-index:9999;}
ul#navigation1 li {width: 40px;border:0px;display: block;padding:1px;}
ul#navigation1 li a {display: block;width: 150px;height: 30px;padding: 5px 10px 0 20px;margin-top: 10px;color: #F00;text-align: center;font-family:"Tahoma", Verdana;font-size:16px;font-weight:bold;background-color:transparent;background-repeat:no-repeat;background-position:left center;border:1px solid #ccc;-moz-border-radius:100px;-html-border-radius: 100px;-webkit-border-radius: 100px;opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
ul#navigation1 .Home a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9HI37AWDoK6xOXaUoMvlf8UgVeNOjv-V_SiccRHGlpa9GCnAK_gE7xEKN2mwkw4jfsQMvRg0fHfGMWcfDIP8O4a8r4DYH-cuG9PthhT1cjSvGVFyIfE7g-an8U9FDctprh2NoL7g98o9e/s1600/Home.png);}
ul#navigation1 .Daftar-isi a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBlGWe-EziMeboKbYFfTwhoQnQAhTDhu2R25WIywJgnC_MhTkfcA-ecTAsBmvLpNU6VNOWyOHtG_Z_0T6EXS3h6vugVSeBjcbi_P0oRuSVOl4fHBn-n0pIPhp9O7UYe3s1DPzM79FMPJH/s1600/Daftar+Isi.png);}
ul#navigation1 .Hubungi-saya a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqCa_Gq9ilHo_TV-2CH_5jtxM9pP24LTlcTKQ1KAdja_Z3g7cHXynSSkcZO4wk7kG_XKLAAu8jlXlUANOBfLdtswYlCtz4ERucNAs9ZXP9aHjTbedhLBMrVVylqppVs09DBA8S4F6ptHlP/s1600/Hubungi+saya.png);}
ul#navigation1 .Template a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPgpR149mLIaPSQcZL1Gnd8y-BIodRa5ImX22xNEIXqGzao1ToooQ-hYAkMi4V2GtiAzTafC5kNd8upM_h4vuAlI73HqqXJ_Y3ZXSaSYhYP_TuNBuJYkeZtJjkVVBATRErCR4i8W-Q5RQ/s1600/Template.png);}
</style>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function() {
$('#navigation1 a').stop().animate({'marginLeft':'5px'},1000);
$('#navigation1 > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-112px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'5px'},200);
}
);
});
</script>
<ul id="navigation1">
<li class="Home"><a href="http://blogbego-creation.blogspot.com/" target="_blank" title="Kembali ke Halaman Depan">BERANDA</a></li>
<li class="Daftar-isi"><a href="http://blogbego-creation.blogspot.com/2012/01/site-map-blogbego-creation.html" target="_blank" title="Daftar Isi BlogBego Creation">DAFTAR ISI</a></li>
<li class="Hubungi-saya"><a href="http://blogbego-creation.blogspot.com/2012/01/contact-us.html#.UsQxJdJdVQo" target="_blank" title="Cara menghubungi saya">CONTACT US</a></li>
<li class="Template"><a href="http://blogbego-creation.blogspot.com/search?q=template+blogger" target="_blank" title="Template Gratis untuk kawan">TEMPLATE</a></li>
</ul>
dalam </head
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
