Minggu, 11 September 2011

Cara Menghilangkan NavBar pada Blog

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger,
misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain. Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). bagaimana menghilangkan Navigation Bar? Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

Kode NavBar yang Hilang :

1. Login ke Blogger

2. Lalu Pilih Tata Letak / Rancangan

3. Lalu Edit HTML

4. jangan lupa Centang Expand Template Widget

5. Copy script kode dibawah ini ke dalam tag head

#navbar-iframe {
display: none !important;
}

6. Lalu Simpan Template.


Contoh :

-----------------------------------------------

Blogger Template Style

Name: Son of Moto (Mean Green Blogging Machine variation)

Designer: Jeffrey Zeldman

URL: www.zeldman.com

Date: 23 Feb 2004

Updated by: Blogger Team

----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions

====================

Kode NavBar yang Bayangan :

1. Copy kode dibawah ini tepatnya diatas Kode ]]><b:skin>

Untuk memudahkan pecarian ( tekan F3 di keyboard atau ctrl+f )

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

2. kemudian Simpan Template.

Contoh :

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

Selamat mencoba...

<<SEBELUMNYA                                                                              DAFTAR ISI                                                                             BERIKUTNYA>>

0 komentar :