Cara membuat navigation bar melayang

Cara membuat navigation bar melayang. Ada beberapa bentuk dan gaya yang di sajikan oleh para blogger atas blog miliknya, diantaranya tampilan bentuk dan gaya navigation bar / menu navigasi. Ada yang membuat model navigasi responsive, ada juga yang biasa. Ada yang membuat navigasi sticky ada juga bentuk lainnya.
Nah, beirkut ini saya akan mencoba membuat posting tentang cara membuat menu navigasi sticly / menu navigasi melayang dengan posisi tetap berada di atas layar / tetap terlihat saat blog di scrol ke atas.
http://silverbloggerseo.blogspot.com

GAMBAR navigation bar melayang

Ini dia Cara membuat navigation bar melayang yang dimaksud :
1. Jika blog belum dibuat navigation bar, buatlah navigation bar dengan mengikuti posting http://caraeditblogger.blogspot.co.id/2015/05/membuat-menu-di-blogspot.html
2. Lanjutkan dengan menambahkan kode sticly dengan cara :
- Cari kode </body>
- Tambahkan kode ini diatasnya:

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
var stickyNavTop = $('#menu').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('#menu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
} else {
$('#menu').css({ 'position': 'relative' });
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
//]]>
</script>

3. Simpan template