Cara Buat Navbar Melayang

Cara buat navbar melayang atau floating maksudnya membuat posisi navbar mengambang atau melayang, contoh jika posisi navbar ada dibawah maka saat scroll mouse ke atas maka tampilan navbar tetap (fixed) megikuti layar.

Perhatikan gambar dibawah ini :

Gambar diatas adalah posisi navbar berada di footer (bawah) dan saat mouse di scroll ke atas maka tampilan navbar juga ikut ke atas (floating)

Sebelum melanjutkan ada baik nya anda membaca dulu tentang syarat ketentuan jika ingin edit navbar, jika ada kesalahan maka blog anda bisa di blaclist atau lebih parah nya bisa di banned, tentu tidak mau kan jika hal itu terjadi. Untuk lebih jelasnya silahkan baca artikel tentang Syarat Aturan Navbar Blog , jika sudah mengerti silahkan lanjutkan lagi cara buat navbar melayang dibawah ini :

Berikut caranya :

1.Ke menu tata letak (layout), Template Designer, Advanced, Add CSS

2.Paste kode css nya, ada dibawah

Atau dengan cara :

1.Ke menu Template, edit html, checklist button expand widget

2.Cari kode ]]></b:skin>

3.Copy kode dibawah ini

#navbar-iframe{
position:fixed;
bottom:0px;
}

4.Paste kode tersebut tepat diatas kode yang dicari tadi yaitu ]]></b:skin>

5.Save and Finish

Note: kode diatas posisi dari bawah ke atas, jika ingin dari atas ke bawah ganti 'bottom' jadi 'top'

Jika cara diatas belum berhasil mungkin anda harus atur dulu posisi navbar nya, silahkan baca artikel tentang Cara Memindahkan Posisi Navbar

Terima kasih telah berkunjung ke blog saya, mudah - mudahan anda tidak menemui kesulitan dalam memahami artikel tentang Cara Buat Navbar Melayang