How To Make Blogger Navbar Invinsible

Sengaja saya pilih judul itu. Just couse one reason. Seorang kawan yang invite di blog saya memberikan "a friendly blogger tip" katanya Google "make blogger navbar invinsible". Lalu sobat itu bilang lagi bahwa "They are as easy as pie". OK. lantas saya coba cari di Google dengan memasukkan kata-kata "make blogger navbar invinsible". Wah, gak nemu-nemu. Kemudian dengan improvisasi dalam Bahasa Indonesia, ternyata ada beberapa blogger yang punya tips itu. Berikut ini cuplikan yang saya rangkum dari beberapa situs tentang bagaimana menghilangkan navigasi di blogger :

Sebelumnya kita harus login dulu pada Blogger, urutannya Login>>Layout>>editHTML

Ada beberapa cara :

Cara pertama
letakkan kode <noembed> dan </noembed> Diantara kode <body>, sehingga menjadi : <noembed> <body> </noembed>

Cara kedua
Letakkan script <noscript> dan </noscript> pada kiri dan kanan script <body> sehingga menjadi : <noscript> <body> </noscript>

Cara ketiga
Copy dan paste kode dibawah ini dan letakkan diantara <style> dan </style> pada <head> atau persis sebelum script ]]></b:skin > Anda isikan :

#b-navbar {
height:0px;
visibility:hidden;
display:none
}

atau :

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

Cara keempat
Cari script berikut ini
<b:skin><![CDATA[/*---Blogger Template StyleName:
RoundersDesigner: Douglas Bowman
URL:www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team ----*/

lalu tambahkan dibawahnya dengan script ini
#navbar-iframe {display: none !important;}


Cara Kelima
Sedikit lebih rumit dan panjang, Copy dan paste kode dibawah ini lalu 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>

Setelah itu, klik SAVE TEMPLATE/Simpan Template

Saya sendiri menggunakan cara ketiga seperti yang digunakan pada blog saya ini.

Thanks to Marscya, Sulthoni dan Asta Qauliyah untuk blog tutornya.

0 Comments: