Pada suatu blogger/blogspot pada bagian atas dari blog anda ada beruba toolbar yang biasa disebut navbar.Navbar secara otomatis dimunculkan pada sebuah blog blogger/blogspot yang baru dibuat dan mempunyai warna defaultnya adalah warna biru tua.
Klik gambar untuk memperbesar
Beberapa pemilik blog merasa terganggu dengan kemunculan navbar ini.Lantas bagaimana cara menyembunyikan navbar ini? Ada beberapa cara :
Sebelumnya anda login dulu pada Blogger, lalu klik TEMPLATE.
Cara pertama.
Diantara kode <body>, letakkan kode <noembed> dan </noembed>
<noembed> <body> </noembed>
Cara kedua.
Diantara kode <body> letakkan kode <noscript> dan </noscript>
<noscript> <body> </noscript>
Cara ketiga
Copy dan paste kode dibawah ini dan letakkan diantara <style> dan </style> pada <head>.
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
seperti contoh
<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>
Cara keempat.
Copy dan paste kode dibawah ini dan letakkan diantara <head> dan </head>
<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>
Sebagai navigasi, anda bisa pasang button untuk menampilkan atau menyembunyikan navbar pada blog anda.Copy dan paste kode dibawah ini dan letakkan dibagian lain dari halaman blog anda.Bisa di side bar atau dimana saja sesuai dengan keinginan anda.
<span style="cursor:pointer;" onclick="ShowHideNav();">
Show/Hide Navigation
<a style="visibility:hidden;" href="http://marchsya.blogspot.com"> </a>
</span>
Pada Marchsya Blog ini, untuk menyembunyikan navbar, saya memilih cara pertama.Selamat mencoba.
Artikel Yang Paling Populer
- Tantangan Maut Dengan Binatang Buas
- Beginilah Bila Aturan UU tentang Lalu lintas dan Angkutan Umum di Langgar
- 8 Tips Untuk Hindari Perselingkuhan
- Ternyata Isi Tas Wanita Kayak Begini
- Lukisan pada Tangan,Keren Bo...
- 5 Pemicu Pria Berselingkuh
- Cincin-Cincin Unik Berbentuk Miniatur Makanan dan Minuman
- Baru Tiga Bulan Blog Populer Ini Sudah Dapat PR3
- Teknik Linkbaiting Pada Blog
- Selaput Dara Tiruan Kini Beredar di Indonesia
- 100 Desa Komputer Pada 100 Hari Pertama
Friday, November 09, 2007
Cara Menghilangkan Navbar pada Blogger/Blogspot
Tutorial Blog
Kumpulan Situs Online Conversi To Pdf File
Membuat Read More Pada New Post Editor Blogger
Cara Merobah Height dan Widh Form Komentar
New Post Editor Dari Blogger Untuk Blogspot
Membuat Related Post Dengan Thumbnails
Cara Membuat Recent Post dengan Thumbnails untuk blogger (2)
3 Situs Form Komentar untuk Blog
Marchsya Blog Mendapat Sitelink dari Google
Mendapatkan 1000 Visitor Blog Dalam 48 jam
Cara Memasang Tombol HTML Encode pada Blogger
Tip Agar Permalink Posting SEO Friendly
Cara Membuat Recent Post dengan Thumbnails untuk blogger
Cara Menulis Kode Script pada Postingan Blog (2)
Cara Membuat Horizontal Multi Level Drop Down Sub pada Blog
Perlukah Blog Dirobah Menjadi DoFollow
Cara Membuat Hozontal Navigasi pada Blog
Cara Pasang Google Adsense Ditengah Posting
Cara Memasang Gambar pada Background Posting
Cara Membuat Background Image pada Google Adsense
Cara Menghilangkan Tanggal pada Posting Blog
Cara Pasang Google Adsense pada Postingan
Cara Membuat Twitter Button pada Postingan Blog
Cara Menulis Kode Script pada Postingan Blog
Cara Memasang Yahoo Emotion pada Komentar Blog
Cara Memasang Widget Twitter pada Blog
Cara Memasang Google Translate pada Blog
Manfaat Tukar Link Sesama Blog
Cara Menghilangkan Nomor di Label
Agar Postingan Blog Tidak Bisa Dicopy
Cara Menampilkan Kolom Komentar di Bawah Posting
Cara Membuat Top Posting (Popular Post)
Cara Membuat Read More…diblogger/blogspot
Cara Menampilkan Title Post pada Awal Search Engine
Cara Menghilangkan Tanggal pada Posting Blog
Cara Membuat Related Post pada Blog
Cara Merobah NoFollow Menjadi DoFollow pada Blog
Cara Menghilangkan Icon Quick Edit
Cara Memasang Total Komentar dan Total Posting
Cara Memasang Label RSS pada Label Kategori
Cara Menghilangkan Navbar pada Blogger/Blogspot
Tip Agar Pembaca Memberi Komentar








23 comments:
kalau pihak blogger dapat tahu, nanti dia cancelkan akaun kita. Sebagai akaun tidak berbayar, kita wajib tunjukkan navbar
makasi ya... infonya
salam
kantor-online.blogspot.com
Thanks for u info ,its usefull for me
Thanks for info ,its usefull for me
ah caranya kepanjangan..
buka nuube.blogspot.com ja disitu da tutorial menghilangkan navigasi bar yang singkat bgt
ah caranya kepanjangan..
buka http://nuubee.blogspot.com ja disitu da tutorial menghilangkan navigasi bar yang singkat bgt
Thank you for the article, i have recode the template of my blog
Thanks yupz, gw udah coba cara 1-3 udah saya coba tapi ga bisa. eh pas cara keempat baru berhasil.
:)
bro thank's ya tutor yg keren
wah... makasih banyak ya.... infonya
sekarang aku uda praktekin pake cara 4
makasih yah...
buat info nya...
dari info itu saya menggunakan cara ke 4 buat blog saya....
jadi takut mau mraktekin.. ntar klo ketauan ma pihak bloggernya, gmn ya...?
di tindak ga...??
download free games for phone n pc here.. http://wareus.co.cc
ralat cara ketiga.
setelah di view source,di web saya class #b-navbar tidak ada. yang ada kelas #navbar.
so, saya coba mengubah #b-navbar menjadi #navbar.
sebelum:
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
sesudah:
#navbar {
height:0px;
visibility:hidden;
display:none;
}
selamat mencoba..! ;)
nice tips, btw pendapatnya taeko itu bener gak seh??
emangnya ada di Term of service bahwa kita gak boleh remove navbar itu??
cara ke 1 sampe 3 ga jitu buat template downloadtan gw, tapi cara ke 4 bener2 efektif. MANTABZZZZ....
Mampir keblogku mba.Templatenya sama :)
Tapi sayang, comentariosnya yang ni belum diganti
Aduh, pelit na ma... Ga boleh Ngelink...
hehehe...
ma kasih tips nya !
wah makasih ya atas infonya di tunggu comment baliknya...
cara 4 oke! thanks
thanks y....
@Untuk semua sahabat blogger yang telah memberi komentar, terima kasih atas kunjungan dan komentar anda
thenkyu.. tyta.. navbar gw ilang.....
Makasih infonya...
Post a Comment