Jumat, 16 Maret 2012

Menghilangkan Navbar pada Blogger

Menghilangkan Navbar pada Blogger - Mungkin kalian sering lihat blog sobat kita yang kita buka tapi tidak ada navbarnya. Sedangkan kita yang baru mendaftar diblogger atau baru buat blog masih ada di atas membuat kita tidak srek atau tidak nyaman kalau navbar ini tampil di blog kita. Maka saya bermaksud buat sedikit berbagi tutorial tentang menghilangkan navbar pada blog kita. Sebelum kita melangkah lebih lanjut
sebaiknya anda lihat gambar ini.  Gambar yang ada disebalah inilah yang akan kita hilangkan pada blog kita.


Yang pertama saya akan berbagi bagaimana cara membuat NAVBAR AUTO-HIDE

Trik ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya silahkan untuk mengarahkan kursor mouse anda ke bagian navbar blog ini. Bagaimana, tertarikkah anda untuk mencobanya? kalau tertarik, langkah-langkahnya adalah sebagai berikut:

1. Login ke Blogger.



2. Klik Menu Rancangan.



3. Klik Edit HTML.



4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F) lalu kopi-paste kode berikut di atas kode ]]></b:skin> :



#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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




5. Klik Simpan Template.



6. Sekarang silahkan dilihat hasil kerjaan anda.semoga sukses!!

Untuk yang kedua ini kita akan lebih sedikit extrim yaitu Menghilangkan Navbar. Untuk menghilangkan navbar tentunya ini tidak bisa muncul seperti trik yang nomor satu. Langkah-langkahnya sebagai berikut: 
1. Login ke Blogger.

2. Klik Menu Rancangan >> Edit HTML.

3. Letakkan kode berikut setelah bagian yang ada tulisan "Blogger Template Style" kalau tidak, bisa juga diletakkan di atas kode tag ]]></b:skin>
#navbar-iframe {
display: none !important;
}

4
. Sehingga nanti susunannya akan seperti berikut ini:

5. Klik Simpan Template.

6
. Selesai...

nb : jika kalian ingin mengembalikan Navbar kalian tinggal hapus aja kodenya!

Mudah bukan.... semoga bermanfaat!!!!


Baca Juga Artikel Di Bawah Ini!!

Related Posts Plugin for WordPress, Blogger...