Cara Menghilangkan Navbar pada Blogspot ~ Aneka Rasa Dengan Cinta

Minggu, 07 Agustus 2011

Cara Menghilangkan Navbar pada Blogspot

06.55 Erwiradz No comments

Navbar atau Navigation Bar header pada blog berbasis blogspot buat sebagian blogger mungkin dianggap mengganggu penampilan sebuah blog. Pada navbar blogspot terdapat link "Ikuti", "Berbagi", "Blog Berikut". Jika anda termasuk yang merasakan hal tersebut, dapat menghilangkan navbar ini. Tapi sebelum menghilangkannya, ada baiknya anda pikirkan lebih dulu serta membaca dan belajar Terms Of Service (TOS) blogspot secara seksama, karena resikonya sangat berat yaitu akun blogger anda bisa ditutup.

Ada beberapa cara yang bisa dilakukan untuk menghilangkan navbar. Setelah login, masuk ke link Rancangan/Layout > Edit HTML lalu seperti biasa centang Expand Widget Templates.

Cara pertama :
Letakkan kode <noembed> dan </noembed> di antara kode <body>

<noembed> <body> </noembed>

Cara kedua :
Letakkan kode <noscript> dan </noscript> di antara kode <body>

<noscript> <body> </noscript>

Cara ketiga :
Salin script di bawah ini dan letakkan di bawah kode <style>

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

Cara keempat :
Salin script di bawah ini dan letakkan di bawah kode <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>

Apabila anda tidak mau menghilangkan navbar secara permanen anda bisa membuat tombol navigasi untuk menampilkan atau menyembunyikan navbar pada blog anda. Salin script di bawah ini dan letakkan di bagian lain dari halaman blog anda. Bisa di sidebar atau dimana saja sesuai dengan keinginan anda.

<span onclick="ShowHideNav();" style="cursor: pointer;">
Tampilkan/Sembunyikan Navbar
<a href="http://arasadeta.blogspot.com/" style="visibility: hidden;"> </a>
</span>

atau letakkan script berikut di atas kode ]]></b:skin>

#navbar-iframe {opacity: 0.0; filter:alpha (Opacity=0) }

#navbar-iframe:hover {opacity:1.0; filter:alpha (Opacity=100, FinishedOpacity=100) }

0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Komentari walau dengan sedikit kata. Jika ingin menambahkan icon smiley, ketik karakter seperti yang tertera di samping kanan icon yang mewakili perasaan anda.

Aneka Rasa Dengan Cinta

Minggu, 07 Agustus 2011