Navbar tedapat 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 seperti pada gambar di bawah ini.
Saya mencoba dari beberapa cara untuk menghilangkan navbar pada blogger emang semua tampilan kode HTML pada blogspot relative berbeda, jadi saya penegen memberikan beberapa cara untuk menghilangkan navbar. Cara menghilangkan navbar
Tampilan default blogger kita untuk ‘sign in’ atau menuju ke halaman ‘settings’, dll. Namun, sebagian dari kita ada yang kurang menyenangi tampilan dari navbar. Berikut cara menyembunyikan navbar di blogspot Anda.
Langkah-langkahnya
1. Cara Pertama
Silakan log in ke blogger Anda terlebih dahulu
Pada halaman dashboard pilih layout atau tata letak, pilih Edit HTML pada bagian Edit Template jangan lupa jangan lupa beri tanda centang pada Expand Template Widget
Kemudian tempelkan kode css berikut ini ]]></b:skin> tepat di atas nya.
#navbar-iframe {
display: none !important;
}
Jika sudah selesai, jangan lupa disimpan perubahan. Seandainya suatu saat Anda ingin menampilkan kembali navbar ini, maka tinggal dihapus saja kode di atas.
2. Cara Kedua
a.Dengan Cara Menyembunyikannya
menyembunyikan tampilan navbar meskipun pada dasarnya dia masih nongol di blog dan akan tetap terload oleh browser walaupun tidak ditampilkan. Kode inti pada properti adalah value "diplay:none" yang berfungsi untuk menyembunyikan navbar dari tampilan.
Copy code dibawah ini dan paste pada atas dati kode ]]></b:skin>
/* Navbar Iframe */
#navbar-iframe {
visibility:hidden;
display:none
}
b.Menghapusnya Secara Utuh
Source asli berasal dari theyoboo. Cara ini benar benar menghilangkan navbar blogger yang mengandung banyak Error itu dari blog anda.
Copy paste kode dibawah ini persis diatas kode </head>
<!-- </head><body> -->
lalu save.
Kemudian akan ada peringatan untuk menghapus navbar tersebut.
lalu klik "Hapus Widget".
3. Cara Ketiga
menyembunyikan navbar ini? Ada beberapa cara :
Sebelumnya anda login dulu pada Blogger, lalu klik TEMPLATE.
a. pertama.
Diantara kode ,<body> letakkan kode <noembed> <body> </noembed>
c. Ketiga
Copy dan paste kode dibawah ini dan letakkan diantara<style> dan </style> pada .
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
seperti contoh
<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>
d. 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>
Show/Hide NavigationArtikel ini saya ambil dari blog cara menghilangkan navbar, saya tak menulis sumbernya karena saya lupa alamat blog nya. karena terlalubanyak nya cara, saya mencoba satu persatu cara dari semua yang ada di atas, akhirnya saya mencoba dengan cara yang pertama. Selamat Mencoba…….
ini baru oks..............
ReplyDeletenice post, like this
makasih gannnnnnn...............