Sebelum melangkah ke bagian 3 Langkah Mudah Menghilangkan Navbar di Blogspot, maka saya akan menjelaskan sedikit mengenai fungsi dari Navbar di Blogspot ini.
Navbar merupakan singkatan dari Navigation Bar yang berfungsi untuk memudahkan kita untuk balik ke dashboard utama lalu mencari alamat url blog teman-teman kita yang lain, bisa juga untuk secara otomatis mencari blog berikutnya, bisa juga untuk mengkustomisasi blog kita lalu melihat entri baru lainnya, kurang lebih Navbar digunakan untuk akses cepat.
Lihat pict
Namun bagi sebagian teman-teman yang lainnya, Navbar ini dihilangkan, karena dianggap mengganggu pemandangan blog saja, nah bagi teman-teman yang lain yang mau ikutan menghilangkan Navbar di blognya bisa mempelajarinya di sini.
Note: Sebelum menghilangkan Navbar tersebut alangkah baiknya teman-teman semua berfikir dulu dan silahkan baca TOS Blogger dengan baik, karena resikonya akan berdampak pada di tutupnya account blogger teman-teman (BANNED) !Ok, jika ada yang tetap nekat untuk menghilangkan Navbar tersebut silahkan ikuti langkah-langlah di bawah ini.
Cara Pertama:
1. Login ke Akun blogger teman-teman, klik link Rancangan/Layout kemudian masuk ke Edit HTML,
2. Jangan lupa memberi centang di Expand Widget Templates agar bisa mengedit templates secara keseluruhan,
3. Masukkan kode berikut sebelum atau diatas kode CSS } ]]></b:skin> (tekan Ctrl F untuk mencari kodenya)
/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }4. Jika sudah tinggal di Save Templates (lihat View Blog untuk melihat perubahannya)
Cara Kedua:
1. Setelah selesai login ke Akun blog, klik link Rancangan/Layout kemudian masuk ke Edit HTML,
2. Cari kode (Ctrl F) ini: <body>
3. Copy kode berikut:
<style type='text/css'> #navbar-iframe {display:none;} </style>4. Paste kan kode tadi persis di bawah kode <body>
5. Jika sudah tinggal di Save Templates (lihat View Blog untuk melihat perubahannya)
Cara Ketiga:
Bagi teman-teman yang sedikit ragu untuk menghilangkan Navbar secara permanen, maka bisa gunakan cara ini agar Navbar nya bisa autohide.
1. Login ke Akun blogger teman-teman, klik link Rancangan/Layout kemudian masuk ke Edit HTML,
2. Jangan lupa memberi centang di Expand Widget Templates agar bisa mengedit templates secara keseluruhan,
3. Masukkan kode berikut sebelum atau di atas kode body {
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}4. Jika sudah tinggal di Save Templates (lihat View Blog untuk melihat perubahannya)
Lihat tutorial lainnya di sini. Selamat mencoba !
Tidak ada komentar:
Posting Komentar