6.9.10

AUTO NAVBAR Pada Blogger


Navbar adalah bagian dari blog khususnya yang menggunakan Blogger yang dapat anda lihat di atas header. Navbar disini memiliki fungsi sebagai navigasi menuju ke blog-blog lain selain blog kita.

Bagaimana agar kita bisa menghilangkan navbar tetapi navbar itu masih ada ketika disorot?
Salah satu solusinya yaitu dengan cara cukup menyembunyikan saja (auto hide) ,  ketika anda mengarahkan mouse anda ke tempat navgar, maka otomatis navgar akan muncul secara otomatis dan ketika mouse dijauhkan makan navbarpun akan sembunyi secara otomatis. Jadi, dengan bagini kita tidak usah menghilangkan navgar secara permanen .  Penampilan blog andapun akan terlihat profesional.

Berikut cara pengaturannya :
  • Pilih menu Layouts dan pilih Edit HTML
  • Tekan ctrl + F di keyboard anda dan ketik body { untuk mencari tulisan tersebut.
  • Copy Paste (CoPas) kode di bawah ini di atas tulisan body { yang telah anda temukan

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

  • Contohnya seperti berikut ini :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
  • Setelah selesai, klik SAVE TEMPLATE

Setelah semuanya selesai, coba anda lihat blog anda dan arahkan mouse anda ke tempat navgar yang telah tersembunyi. Gimana..?? Berhasilkan..??

Selamat mencobah deh.. Dan jangan lupa tinggalkan komentarnya ya.. hehehe...

Artikel Terkait



0 komentar:

Posting Komentar