07 December 2007
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. #navbar-iframe {
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). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.
Nah, 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.
1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head
display: none !important;
}
contohnya sebagai berikut :
-----------------------------------------------
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
====================
4. Kemudian simpan.
Selamat Mencoba.....!!






Jumlah Komentar = 32
-----------------------------------------------
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
====================
harusnya ==> sesudah ===> /* Variable definitions ===> baru ==> display: none !important;
sori lancang, habis gak bisa sih dan saya cobak ke alterl 2 baru jalan. makasih sebelumnya artikelnya.
@dhawuh, cb lihat pagesource dari blog ini. aku lihat sourcenya dari blog km jga sama kok seperti itu.
makasih ilmu nya Blogku dah lumayan PEDE!!
artikel yg lain mang keren.. abizz
Semoga sukses selalu....
O ya boss gimana cara buat navbar yg ada loginnya???
Akhirnya bisa juga ngilangin tuh Navbar :)
Tuk teman2 smua silahkan mampir..... :)
Kalau yang xml caranya begini...
Setelah masuk edit html dan centang expand widget...cari /* Page Structure….nanti ketemu kode
#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
Setelah ketemu kode diatas...tambahi kode berikut:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Jadi setelah digabung jadi begini...
#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Semoga berhasil...
www.1st-chromerims.blogspot.com
tapi klo caranya autohide gmn ya??
thanks bro..
semua tips & trik nya mo aq cobain
insyaAllah artikelnya bermanfaat
@Kodil, itu biasa, cb aja lain waktu.
@Anonim, kalo navbar diilangin kalo mo customisasi ya login ke blogger dong, disitu kan ada dashboardnya.
@eBn_sEe_BaR_uWaiShZ, kalo untuk menampilkannya ada harus bisa mencari kode yg untuk menghilangkan trus hapus kode tersebut. untuk kodenya tiap templkate beda2 karena cara untuk menghilangkannya pun beda2
http://ali-jember.blogspot.com
trus saya mau gati templet jadi ga bisa.....
gimana caranya balikin blog saya ke new blog?
gimana mas?
saya berharap blog saya kaya dulu lagi....
Saya sudah mencoba dan berhasil.
Sukses untuk Anda...
Salam Sukses,
Josiandy Wibowo
http://www.program-accurate.blogspot.com
http://www.english-premiere.blogspot.com
Post a Comment