Cara Menyembunyikan Navbar Blog

-
Pada bagian atas blog sobat' ada yang disebut toolbar yang biasa disebut NAVBAR dan secara otomatis navbar ini akan muncul ketika blog kita buka. anda bisa lihat gambar NAVBAR dibawah ini

Namu sebagian sahabat blogger kita yang merasa terganggu dengan adanya navbar. nah, maka dengan itu biar blog kita bersih tampa gangguan navbar anda bisa menyembunyikan navbar terebut.

Banyak sekali cara untuk menghilangkan atau menyembunyikan navbar tersebut perhatikan cara berikut ini

Silahkan log in terlebih dahulu ke blogger anda slanjutnya
Pada halaman dashboard, pilih layout atau tata letak, pilih Edit HTML pada bagian Edit Template jangan lupa beri tanda centang pada Expand Template Widget.

Cara Pertama :
Letakkan code <noembed> dan </noembed> diantara code <body>


<noembed> <body> </noembed>


Cara Kedua :
Letakkan code <noscript> dan </noscript> diantara code <body>


<noscript> <body> </noscript>


Cara Ketiga :
Copy code dibawa ini dan paste diantara code, <style> dan </style> pada <head>


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


hasilnya akan sepeti bawah ini,


<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>


Cara Keempat
Copy code dibawah ini dan paste 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>


Adapaun cara yang saya gunakan ". perhatikan langkahnya


1. silahkan cari code } ]]></b:skin>
2. kemudian paste code dibawah ini sebelum code atau diatas code tersebut


/* hilangkan navbar
—————————– */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


3. selanjutnya simpan kemudian klic PREVIEW untuk melihat hasilnya kalau sekirahnya NAVBAR anda tidak hilang gunakan cara yang lain.


selamat mencobah sobat

Komentar

  1. Belajar Saraf11 Mei 2012 pukul 09.11

    Trims tutornya gan...
    Akan di coba....

    BalasHapus
  2. Biljabbaradnan's blog2 Juli 2016 pukul 16.21

    Kecil-kecil banget gan tulisannya, jadi gak keliatan

    Tolong diperbaiki

    BalasHapus
    Balasan
    1. Iyagus Ugy19 Juli 2016 pukul 01.38

      biasalah sobat blog, ini sudah ganti desain sebanayk 99x hehe...jadi wajar kalau ada postingan tidak seseuai, baik itu pada warna tulisan dan lain2. dan tutorial diatas kalau tidak salah adalah postingan yang ke empat sejak terbentuknya blog ini.oke tanks kawan

      Hapus

Posting Komentar

Jika ada sembarang pertanyaan silahkan komentar disini.

Postingan populer dari blog ini

Cara Menghilangkan Spasi/ Jarak Header Blog

-
Bagaimana ya cara menghilangkan spaci atau jarak antara Header blog dengan Navbar blog? itulah kataku dalam hati, setelah mondar-mandir sana sini cara untuk menmghilangkan masalah tersebut akhirnya saya dapatkan. Namun apa yang terjadi setelah saya hilangkan masalah tersebut eh...ternyata menimbulkan masalah ,mau tahu apa masalahnya? setiap artikel yang saya update tidak ada yang bisa saya temukan di mesin pencari padahal biasanya setiap habis post/ update setengah hari da pada muncul di mesin pencari namun kenyataannya lain yang sekarang. bahkan pengunjung blogku sangat menurun derastis" bahkan boleh dikatakan fatal banget". dan jawaban ini saya dapatkan setelah saya utak atik WebMaster Tolls.           Jadi bagi sobat yang pengen menghilangkan Spaci/ Jarak atau kata lainnya [ Judul Blog ] Header blog silahkan dipikirkan terlebih dahulu, jangan samapai menimbulkan masalah khususnya mungkin pada mesin pencari, karena sebenarnya judul blog sangat penting dalam pencarian googl
Baca selengkapnya

Apa Itu Navbar di Blog

-
Gambar
Perna nonton ga gombal-gembel [ Comedy Project Trans TV ] yang penuh dengan kata-kata gombal alias gembel beneran hehehe... Kata-katanya Mirip seperti ini:                            "Kamu Blogger ya ? saya heran aja kok Navbar di blog tidak tahu". kata-katanya salah ya? hahaha... Sorry sobat' saya bukan Mas Deny yang bijak merangkai kata-kata gombal. Berhubung karna saya kehabisan materi maka untuk postingan kali ini yaitu Apa Itu Navbar Blog? masih belum tahu ya apa itu Navbar blog? cobah lihat di bagian atas blog sobat, akan mendapatkan Navbar yang bentuknya seperti gambar berikut ini juga biasa disebut Navigation Bar. Apa Itu Navbar di Blog ? Navbar atau biasa disebut [ blogger Navigation Bar  ] adalah sebuah alat navigasi yang berbentuk Frame dan berisi beberapa menu dan mempunyai kegunaan masing-masing. fungsi-fungsi pada navbar blog sangat membantu kita dalam ngeblog di blogger.  sebenarnya ada banyak fungsi-fungsi navbar di blog cuman untuk saat ini saya
Baca selengkapnya

Cara membuat Kotak/ border untuk code HTML/ CSS

-
Apa kabar? mudah-mudahan sehat ya? Oiya sobat kesempatan kali ini saya ingin berbagi tutorial sebagaimana judul artikel diatas. Sebenarnya artikel ini sudah saya jelaskan sebelumnya tapi mungkin masih kurang puas. Nah kali ini gak perlu repot-repot untuk membuatnya tinggal pilih mana suka. Kotak ini sengaja saya siapkan bagi teman-teman blogger yang malas membuat atau mengedit kotak seperti ini hehe... Istilah kotak, border atau biasa disebut teks area ini ,sering digunakan untuk paste code HTML/ CSS ataupun Teks dll Kotak ini secara atomatis akan menyesuaikan panjang ruangan postingan blog an kalau tidak puas warna yang telah saya tentukan silahkan di ganti sendiri : Cara Pemasangan : untuk hasil maksimal 1. Kopi code berikut dan paste kedalam HTML Postingan   ingat bukan Compose     edit code jika ingin mengganti warna bacground, teks dan border serta tebal tipis border 2. Untuk melihat hasilnya klik Compose 3. Jika sudah oke, silahkan kopi paste code, teks dll. ke
Baca selengkapnya