Judul : Cara Menghilangkan Navbar pada Blogspot
link : Cara Menghilangkan Navbar pada Blogspot
Cara Menghilangkan Navbar pada Blogspot
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>
<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) }Demikianlah Artikel Cara Menghilangkan Navbar pada Blogspot
Sekianlah artikel Cara Menghilangkan Navbar pada Blogspot kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Menghilangkan Navbar pada Blogspot dengan alamat link https://persibcirebons.blogspot.com/2011/08/cara-menghilangkan-navbar-pada-blogspot.html
0 Response to "Cara Menghilangkan Navbar pada Blogspot"
Posting Komentar