Menu Navbar Auto Hidden disisi Kanan

Sebelumnya saya membahas tentang Cara Membuat Navigasi Menu Share Auto Hidden, :q; sekarang kembali saya akan membahas Menu Navigasi yang pada umumnya Navbar berada diatas atau dibawah Header Blog, tapi yang ini letaknya di sisi kanan Blog dengan variasi Auto Hidden :y; [akan keluar kalau mouse kawan dekatkan, dan akan kembali sembunyi bila mouse kawan pindahkan] yang saya beri Nama Menu Navbar Auto Hidden disisi kanan :z;

Cara membuatnya :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Tata Letak - Tambah Gadget
• Pilih tanda [+] pada HTML / JavaScript
• Copas kode berikut kedalamnya

<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/AVvXsEjM9iFLL2uJLgz79Nejb_x_Ap1NSKgCPhdRD2AY36Vj-lq4fx2OdRDx7Qep84EaQu-hqhjtAZ_NXgAyzaIpIzvq9iYIrqFRf8EjksIKSZMaJDihppkWLMBNqQAXH93r5KJTLsDmdgwkaXUI/s1600/Home.png);}
ul#navigation1 .Daftar-isi a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtufgDliw069edZ41dSrJ2bsvdRHYDZ0RzDpuV5jvPefLwxiS_fZWw-NhrXhFxe5ORw7IAYaxZ9tVBttEqPgUVDxAWNsLUtCAOmZlMMxZ-zzqCf5_hfDaTC77OWJRUvPT0pv5QHWSMhNtf/s1600/Daftar+Isi.png);}
ul#navigation1 .Hubungi-saya a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-YbFxqhrCwjRwhHYupis12Hv16SRwDVfn7sKcOXtpZqAQfXdpdKLexuwtyLiEyy2gcDeysEvqxzACvJZX135D4CRMU8hS-KpPEA7w5i7DeUDkhLrON07Ud6DB8gFhxRZ70xunLQTZTj3/s1600/Hubungi+saya.png);}
ul#navigation1 .Template a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixGfglDxxLpEucse3kLVk7po32S7e5t-Jhy0u7MkSBfiFGZkqvYj09J5Uk3-czzrcCC4iBQ7MdsfdaIKf8EEiz5w8UNVRI0f_B1Olz_YBZXzXH7mYjCoGvi_3bOQxxKz-1o_CZ32LGWX4B/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> 

• Teks yang saya beri warna biru [top:150px] posisi Navbar dari atas
• Silahkan kawan ganti teks yang berwarna merah dengan Link kawan 
• Teks yang saya beri warna violet adalah Jquery, seandainya pada Template kawan sudah ada bisa dihilangkan [ biasanya berada dibawah ]]></b:skin> ]
• Silahkan ganti Nama Navbar yang saya beri huruf tebal atau kawan bisa menambahkan dengan Menu yang lain sesuai kebutuhan 
• Simpan Blog kawan

Berbagi Artikel :

Menu Navbar Auto Hidden disisi Kanan

Blog Bego, Kreasi, slide, widget,

Rate this posting:

{[["☆","★"]]}

Kalau pada Artikel Menu Navbar Auto Hidden disisi Kanan
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---