F. MEMBUAT NAVIGASI BAR TAMPIL AUTO HIDE

F. MEMBUAT NAVIGASI BAR TAMPIL AUTO HIDE

NAVIGASI BAR

Sebagai lanjutan dari komponen blog OK BROTHER, point F adalah MEMBUAT NAVIGASI BAR TAMPIL AUTO HIDE. Untuk membuat navigasi bar atas tampil secara auto hide (akan tampil ketika arah mouse menuju nav bar atas) OK BROTHER membuat dengan cara:

• Seperti biasa login dulu ke akun blogger.
• Klik Rancangan kemudian pilih Edit HTML, ceklis pada Expand...
• Tekan F3 kemudian ketik kode yang kita cari yaitu body {
• Letakkan kode dibawah ini tepat diatas kode body
  
  
  #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
  #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)

•  Klik tombol Simpan Template.

• Navigasi bar OK BROTHER sudah bisa tampil secara auto hide

Dan untuk nav bar blogger yang sengaja dihilangkan karena modifikasi template blog brother bisa menampilkannya kembali dengan cara : 

• Silahkan masuk ke menu rancangan dan klik kode HTML ceklis pada expand..
• Hapus kode dibawah ini

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

• Atau kode berikut jika kode diatas tidak ditemukan: 

#navbar-iframe {
display: none !important;
}

 

• Tips pertama : cara cepat untuk menemukan kode tersebut : tekan F3 kemudian ketik kode yang ingin anda cari pada kotak "find"
• Tips kedua : Sebelum brother memutuskan untuk "klik simpan template" sangat okbro anjurkan untuk selalu klik pratinjau dahulu ketika berhasil baru silahkan klik simpan template.
• Gimana berhasil,  kalau sukses silahkan klik simpan template

Silahkan brother coba.....

ARTIKEL DALAM SATU LABEL