Menyembunyikan bar navigasi

Navigation bar di Blog adalah bar navigasi yg letaknya di bagian atas sebuah blog yg fungsinya sebagai menu untu menuju halaman lain pada blog kita yg hanya bisa diakses oleh pemilik blog, seperti menu, dashboard dan my account.
Karena alasan2 tertentu, banyak blogger yg ingin menghilangkan menu bar navigasi tsb.
Nah, Jika anda ingin menyembunyikan bar navigasi blogger tanpa ingin menghilangkannya ( bar navigasi akan muncul jika mouse diarahkan ke bagian atas blog di mana bar navigasi tsb berada ), ada cara mudah untuk membuatnya :


-Login ke blog anda

-Pada halaman dasbor klik “Tata Letak”

-Lali klik “Edit HTML”

-Cari tag dibawah ini :


<b:include data="blog" name="all-head-content"></b:include>



-Setelah dapat lalu tulis kode di bawah ini diatas tag tadi:


<style type="text/css">#navbar-iframe {
display:block } </style>


-Cari tulisan :


/* Variable definitions



-Di atas tulisan tsb tuliskan kode berikut :


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


-klik Simpan/save template anda dan lihat hasilnya


Untuk blog-blog dengan template yang baru, kebanyakan bar navigasinya sudah dihilangkan. Namun jika anda ingin memunculkan lagi bar navigasinya, lalu dibuat agar bisa tersembunyi seperti di atas maka sebelum melakukan hal di atas tsb, terlebih dahulu anda masuk ke menu "edit html" pada blog anda, lalu anda cari kode berikut ini :


#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}



hapus kode di atas dan klik save. Anda bisa lihat navigasi barnya sudah muncul kembali. Lalu baru lakukan step-step untuk menyembunyikannya seperti di atas tadi.

Semoga berhasil.. :)

0 komentar:

Posting Komentar

Silakan kalau mau memberi komentar dan saran, tapi jgn spam ya.. :)

top