Pada suatu blog ( Blogger / blogspot ) pada bagian atas dari blog anda ada 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.
dibawah ini contoh beberapa warna tampilan navbar.
Beberapa pemilik blog merasa terganggu dengan kemunculan navbar ini. disamping itu blog kita ketahuan kalo masih gratisan, nah supaya blog kita lebih kelihata keren kita harus menyembunyikan navbar tersebut. Ada beberapa cara dan cukup pilih salah satu :
1. Login dulu di Blogger.com / Blogspot.com
2. Klik Tata Letak/Layout –> Edit HTML
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>
Cara yang lebih mudah adalah:
Taruh script warna merah berikut ke dalam tag head
#navbar-iframe {
display: none !important;
}
contoh menyisipkan script diatas seperti dibawah ini:
———————————————–
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
———————————————– */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
Setelah selesai jangan lupa disimpan ( SAVE ) dan lihat hasilnya.
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>
Selamat mencoba. good Luck
1. Login dulu di Blogger.com / Blogspot.com
2. Klik Tata Letak/Layout –> Edit HTML
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>
Cara yang lebih mudah adalah:
Taruh script warna merah berikut ke dalam tag head
#navbar-iframe {
display: none !important;
}
contoh menyisipkan script diatas seperti dibawah ini:
———————————————–
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
———————————————– */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
Setelah selesai jangan lupa disimpan ( SAVE ) dan lihat hasilnya.
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>
Selamat mencoba. good Luck
Ganti Blogmu dengan Co.Cc
0 komentar:
Posting Komentar