\ \

Cara Memmbuat Navbar Auto Hide Transparan

\ \ 2 comments
Mungkin dari sobat Blogger ada yang kesal karena adanya navbar yang berada pada bagian atas blog. Oleh karena itu di beberapa blog saya temukan tutorial untuk menghilangkan navbar tersebut, padahal navbar tersebut adalah ciri khas dari blog Blogger. Oleh karena itu dalam postingan kali ini saya akan berbagi tutorial untuk mengatasi permasalahan yang diakibatkan navbar tersebut. Tetapi tidak dengan menghapus navbar tersebut melainkan membuatnya auto hide dan transparan.

Untuk caranya silahkan ikuti petunjuk di bawah ini:
1. Login ke akun Blogger sobat.
2. Pilih tab Rancangan.
3. Pilih tan Edit HTML.
4. Lalu centang Expand Template Widget.
5. Lalu cari kode berikut
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
 Jika tidak ketemu cari kode yang mirip seperti kode di atas.
6. Jika sudah ketemu lansung hapus saja kode tersebut.
7. Langkah selanjutnya cari kode body { lalu taruh kode berikut sesudah kode tersebut
<style id='page-skin-1' type='text/css'< >!--
*{margin:0;padding:0;}
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}
8. Lalu Simpan template sobat dan lihat hasilnya.

Semoga tutorial saya ini bermanfaat bagi sobat semua and happy blogging!
Labels: ,

Artikel Sejenis

loading..

2 comments:

  1. Catatan Ngeblog26 Feb 2011, 21.01.00

    Memang kalau navbar terpampang dengan jelas, rasanya kurang enak dipandang... :b15

    BalasHapus
  2. Unknown27 Feb 2011, 00.37.00

    iya sob, benar itu untuk itu saya berbagi tutorial ini. :b11

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">Kode Anda</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">Kode Panjang Anda</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL Gambar</i>
Untuk menyisipkan judul, gunakan tag <b rel="quote">Kata-kata Anda</b>