Membuat Auto Hide pada Navbar Blog

Merasa terganggu apa tidak dengan navbar? Mungkin ada yang merasa terganggu, makanya dulu pernah ada pelajaran untuk menghilangkan navbar. Sampai-sampai tidak hanya di blogger.com tapi juga di blogdetik navbarnya bisa kita hilangkan.

Sebenarnya navbar itu juga ada manfaatnya, yaitu untuk login atau menuju dasbor. Bahkan ada juga fitur untuk berbaginya (share) ke sosial media seperti twitter dan facebook. Oleh sebab itu kalau akan diberikan solusinya, dengan membuat auto hide pada navbar, kalau mouse kita gerakan di navbar maka akan muncul dan jika tidak ya akan tersembunyi.

Cara Membuat Auto Hide pada Navbar Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode body {
6. Jika sudah ketemu taruh kode berikut di atasnya:

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

7. Simpan Template jika sudah selesai.

13 komentar:

uchiha roid mengatakan... Balas Komentar: SO.NICE YOUR INFORNYA KAK. ;) :)]; 23 Maret 2011 18:40 Terima kasih atas komentarnya
Haris Hidayat mengatakan... Balas Komentar: thanks gan infonya.. :); 3 April 2011 08:44 Terima kasih atas komentarnya
Haris Hidayat mengatakan... Balas Komentar: thanks gan infonya.. :)

<a href; 3 April 2011 08:45 Terima kasih atas komentarnya
marmalade7 mengatakan... Balas Komentar: mas kurnia kalau saya menghapus navbar menghapus TOS ngak yah??; 12 April 2011 01:06 Terima kasih atas komentarnya
pulsa murah mengatakan... Balas Komentar: thx bos sgt membantu,,,,,,; 19 April 2011 11:13 Terima kasih atas komentarnya
sandhee mengatakan... Balas Komentar: keren triknya gan...klo yg ini ngga bakalan ngelanggar TOS nya blogspot kynya ya??..langsung ane coba deh di TKP..xixixi; 20 Mei 2011 02:09 Terima kasih atas komentarnya
pointband mengatakan... Balas Komentar: terima kasih infonya...
kunjungi blog saya...
pointband-musik.blogspot.com
maaf saya masi pemula hehehehehe :)) :)); 27 Juni 2011 20:12 Terima kasih atas komentarnya
Parluhutan mengatakan... Balas Komentar: thanx sob; 9 Juli 2011 20:00 Terima kasih atas komentarnya
NN mengatakan... Balas Komentar: 8-}; 3 September 2011 15:25 Terima kasih atas komentarnya
Fajar Budiman mengatakan... Balas Komentar: terimakasih infonya, sangat simple tapi bermanfaat; 21 September 2011 21:02 Terima kasih atas komentarnya
bayu nurfajar mengatakan... Balas Komentar: I like your blogger; 8 Oktober 2011 00:20 Terima kasih atas komentarnya
Yuniar devi pratiwi mengatakan... Balas Komentar: infonya good banget kaka ;); 18 Oktober 2011 23:56 Terima kasih atas komentarnya
student of hidayatullah mengatakan... Balas Komentar: info yang berguna,,,,,,,
thanks ka".................; 10 November 2011 20:48 Terima kasih atas komentarnya

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( =))

Poskan Komentar

Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya contoh: =))
Jangan sampai komentarmu masuk ke dalam SPAM!

Belajar Ngeblog di BLOG

link