Tuesday, October 11, 2011

Cara Hide/Menghilangkan Navbar Blogger


Sebernarnya ini tutorial kuno, tapi karena ada temen saya yang nanyain tentang cara menghilangkan Navbar Blogger sekalian aja saya postingin biar tambah pengunjung juga sih,,,,, :p



A. Cara Membuat Navbar Auto-Hide.
Membuat Navbar menjadi Auto-hide maksudnya tidak menjadikan navbar hilang tetapi tidak kelihatan, karena cukup dengan mengarahkan cursor mouse ke navbar {bagian atas blog} maka navbar akan muncul kembali.
Caranya sebagai berikut:
1. yang pasti masuk ke Blogger
2. pilih blog yang akan dipilih
3. Klik Template, edit HTML, lalu klik Proceed4. Cari ]]></b:skin> {gunakan ctrl+f agar cepat}, lalu COPAS kode berikut diatas kode tadi
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
5. lalu klik Save Template
...selesai

B. Cara Menghilangkan Navbar
Kalau ini sangat berbeda dengan Auto-hide. karena ini membuat navbar benar-benar musnah, hahahaha
berikut caranya:
caranya hampir sama dengan Auto-hide yaitu:
1. yang pasti masuk ke Blogger
2. pilih blog yang akan dipilih
3. Klik Templateedit HTML, lalu klik Proceed
4. Bedanya disini, sekarang cari bagian yang ada tulisan "Blogger Template Style" kalau tidak, bisa juga diletakkan di atas kode tag ]]></b:skin>, Lalu Letakkan kode berikut:
#navbar-iframe {
display: none !important;
}

kalau belum jelas lihat ini:

 ...selesai....

-Semoga Bermanfaat-


2 comments:

Powered by Blogger.