Wednesday, 17 December 2014

Menyembunyikan dan Menampilkan Secara Otomatis Navbar ( Navbar Autohide )

   Navbar atau Nabigator Bar berada pada bagian paling atas halaman blog. Anda bisa menyembunyikan dan menampilkannya secara  otomatis dengan melakukan sedikit perubahan pada baris kode template. 

Berikut cara menyembunyikan dan menampilkan secara otomatis :
1.Login ke blogger Anda.
2.Buka menu Template.
3.Pilih Edit HTML.
4.Salin kode HTML berikut dan letakkan sebelum baris perintah : ]]></b:skin> pada halaman kode di template.



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

Contoh gambar :


5. Setelah selesai, simpan hasil perubahan kode pada template blog anda.

Berikutnya lihat tampilan blog anda. Setelah menambahkan baris kode tersebut, navbar pada blog tidak akan tampil. Letakkan kursor mouse pada bagian atas halaman dan otomatis navbar akan tampil kembali.


Silahkan download tutorialnya dalam bentuk flash disini




NB :

1.Dilarang keras mengcopy artikel kami untuk diposting di blog kembali

2.Artikel ini sudah dilindungi DCMA Protection

3.Untuk membantu kami dalam mengembangkan blog ini tolong klik iklannya ya

Terima kasih ^_^ semoga bermanfaat




Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 komentar

Silahkan Tinggalkan Komentar Anda ^_^
Adapun Peraturan Berkomentar di Blog ini :

1. Tidak komentar SPAM
2. Tidak komentar PROMOSI
3. Tidak komentar yang mengandung unsur SARA
4. Berkomentar dengan sopan

Jika anda tidak mematuhi peraturan,terpaksa komentar anda akan saya hapus

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2014 Tips and Trick Blogger
Desain KIR SMAN 1 KANDANGAN buatan Sendiri bro ^_^
SEKRET KIR
Posts RSSComments RSS
Back to top