dalam widget html
<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/AVvXsEhGU0jekrE8vfh2A8VWVzSGL_s_W3ELLhjuMQqBiClLcID_y_EvfteQTZPmG3-CuvXdBClb1a3E-3sz8z93GZxWFWMA4ZJj10JxpWDwH5f3A4PLK1mAU9f52mLqw0EItccVQnQJVv0Rr7Lh/s1600/Home.png);}
ul#navigation1 .Daftar-isi a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTK_CYkWC4W0rRA-9HSw_KxNMnyLC1Zdj0pPC7boXbQzpmxwBZfUMd-OWBdezu3fgXud3pE_imXj7yKl3FyyVcK5FphFXBq8e7XqhFQXD_i2iaf_oA7pZtDru9u0vJtPgmnM0_aw9EDUgR/s1600/Daftar+Isi.png);}
ul#navigation1 .Hubungi-saya a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-s3IL7umH7okz99Rz3BqdSv69D9cPVs74yVuczrjC8oktRKsTdjMQsv2hBed5kguG1Gu7p1qCdhLHNvPxzLVOElbADH6nyw-LSXhlRvWfrEIg1p_NfILGBLOeIp5RrjK6fn5cePNrvfF3/s1600/Hubungi+saya.png);}
ul#navigation1 .Template a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9csD_cOYAxBhT0-Jk_fUSu9ENLlW0BLGjlbphASsUNtOSs1ykwGCBMvzUMGoJSVrMTqC2-t06mtCQvQoZIjhPoSyvramRfnk6lJ272U2NSprJe0PKWJTotYYkjQBV6LLYznXfEAbNs3U/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'/>