Pages

Sabtu, 14 Agustus 2010

Cara Menyembunyikan Navbar 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.



Tetapi kadangkala ada orang yang merasa terganggu dengan tampilan Navgar tersebut dengan alasan tampilan blog mereka tidak terlihat profesional. Maka dari itu ada beberapa orang yang menghilangkan Navgar tersebut, padahal perbuatan itu jelas-jelas melanggat aturan pihak Blogger. Bahkan, jika ketahuan maka account ada akan ditutup secara sepihak dan andapun akan kehilangan tulisan-tulisan anda.
Jadi gimana dong solusinya..?? Salah satu solusinya yaitu dengan cara cukup menyembunyikan saja (auto hide) seperti di blog saya, 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 dan melanggar peraturan Blogger. 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...

Tidak ada komentar:

Posting Komentar

 

Sample text

Sample Text

Sample Text