Search This Blog

Loading...

Friday, November 09, 2007

Cara Menghilangkan Navbar pada Blogger/Blogspot

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.

Related Post



23 comments:

taiko said...

kalau pihak blogger dapat tahu, nanti dia cancelkan akaun kita. Sebagai akaun tidak berbayar, kita wajib tunjukkan navbar

rudi said...

makasi ya... infonya

salam

kantor-online.blogspot.com

natnat said...

Thanks for u info ,its usefull for me

kristin Natalia said...

Thanks for info ,its usefull for me

Nubee said...

ah caranya kepanjangan..
buka nuube.blogspot.com ja disitu da tutorial menghilangkan navigasi bar yang singkat bgt

Nubee said...

ah caranya kepanjangan..
buka http://nuubee.blogspot.com ja disitu da tutorial menghilangkan navigasi bar yang singkat bgt

PIPIN MAGPIROH said...

Thank you for the article, i have recode the template of my blog

hary said...

Thanks yupz, gw udah coba cara 1-3 udah saya coba tapi ga bisa. eh pas cara keempat baru berhasil.

:)

hikmah gumelar said...

bro thank's ya tutor yg keren

LieW bEte said...

wah... makasih banyak ya.... infonya
sekarang aku uda praktekin pake cara 4

tHrEe`AzT said...

makasih yah...
buat info nya...
dari info itu saya menggunakan cara ke 4 buat blog saya....

free download everything said...

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

search4games said...

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..! ;)

Blog Writer said...

nice tips, btw pendapatnya taeko itu bener gak seh??

emangnya ada di Term of service bahwa kita gak boleh remove navbar itu??

riri rizal said...

cara ke 1 sampe 3 ga jitu buat template downloadtan gw, tapi cara ke 4 bener2 efektif. MANTABZZZZ....

tutorial blogger said...

Mampir keblogku mba.Templatenya sama :)
Tapi sayang, comentariosnya yang ni belum diganti

Aduh, pelit na ma... Ga boleh Ngelink...
hehehe...

sekedar berbagi said...

ma kasih tips nya !

Harun Supriatna S.PdI said...

wah makasih ya atas infonya di tunggu comment baliknya...

Anonymous said...

cara 4 oke! thanks

budi said...

thanks y....

Franky said...

@Untuk semua sahabat blogger yang telah memberi komentar, terima kasih atas kunjungan dan komentar anda

Shohib Kaizar said...

thenkyu.. tyta.. navbar gw ilang.....

Rock said...

Makasih infonya...

Post a Comment

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

7 Link Icon Twitter

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

Menjadwal Postingan Blog

Cara Membuat Recent Post dengan Thumbnails untuk blogger

Optimalisasi Template Blog

Cara Membuat About Me

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

Soal Google Page Rank

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 Membuat Recent Comment

Cara Menampilkan Kolom Komentar di Bawah Posting

Cara Membuat Top Posting (Popular Post)

Cara Membuat Recent Post

Cara Membuat Read More…diblogger/blogspot

Kode Warna pada HTML

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

Siapa yang Link Blog Anda

Tip Agar Pembaca Memberi Komentar

Membuat Trackback Pada Blogger/Blogspot

Merobah RSS ke File PDF

Feedjit, Web Traffic Widget

Menampilkan Pemberi Komentar

Membuat Teks Link Berjalan

Membuat Print Button

Mesin Translate dari Google

Postingan Lain

Followers

 

Recent Reader

Add to Technorati Favorites

Pasang Banner Dapat Uang

Related Websites

Komentar Pengunjung

Tutorial Blog | Islam |Download Ebook | Cara Membuat |Blogger Tips | Marchsya Blog is proudly powered by Blogger.com | Template by O-om