Showing posts with label Navbar. Show all posts
Showing posts with label Navbar. Show all posts

Wednesday 21 July 2010

Membuat Navbar Blog Auto Hide / Auto Hide Navbar Blogger

Navbar Blog Fleksible: "
Membuat navbar Blog Fleksibel,saya bingung mau ngasih judul apa,so..itu aja kali ya..:)Pelajaran Blog
Maksudnya apa nich?

Maksudnya,Navbar Blog hanya akan muncul hanya saat mouse diarahkan di atasnya,ya seperti Navbar pada Blog ini.
Meskipun ini hanya akan berfungsi baik di Mozilla Firefox.Pelajaran Blog

Untuk kodenya sederhana,Pilih Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Setelah itu cari kode berikut :

]]></b:skin>

Kalau sudah ketemu,letakkan kode dibawah ini diatas kode tersebut

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



Setelah itu Simpan,dan lihat hasilnya di browser Mozilla Firefox.Pelajaran Blog

Baca Juga Yang Ini..


Wednesday 14 July 2010

Menghilangkan Navbar pada Blog

Menghilangkan Navbar pada Blog: "

Ingin menghapus Navbar punya blogger?bikin ga sedap mata? Ilangin aja yuk!

Letakkan kode di bawah ini di atas kode ]]></b:skin> pada halaman html anda.


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


Atau bisa dengan cara lain dengan meletakkan kode di bawah ini tepat di bawah kode <body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Lalu Simpan Template.


Selesai !

Mudah khan?


Untuk navbar yang akan tampak hanya jika ada mouse diatasnya,seperti navbar pada blog ini,akan saya bahas nanti,meskipun ini hanya akan bekerja baik pada Browser Mozilla Firefox.