Menghilangkan navigasi bar "navbar" pada blog

Selamat datang di halaman artikel berjudul Menghilangkan navigasi bar "navbar" pada blog dengan Label: Percantik blog artikel ini di rangkum dari berbagai sumber yang ada di internet , mudah-mudahan bisa menambah informasi bagi pembaca semua . Kita tidak menjamin ke akurasian isi artikel ini , jangan di jadikan satu satunya acuan untuk mempraktekanya . terimakasih dan selamat membaca .

PASANG IKLAN 1

Saat kita membuat blog baru, dan dengan template bawaan biasanya navigasi bar atu navbar pasti muncul diatas blog kita. bagi sahabat blogger yang belum tahu navbar seperti apa, silahkan lihat gambar berikut :

Berikut cara Menghilangkan navigasi bar "Navbar" pada blog sahabat :

• Masuk / Login ke akun blog sahabat.
• Pilih >> Rancangan-edit HTML.
• Centang pada >> Expand Widgets Templates.
• Kemudian cari kode  ![CDATA[  dengan menggunakan Ctrl + F
  
• Setelah kode anda temukan pasangkan kode berikut tepat setelah kode diatas.

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

• Simpan pengaturan dengan klik tombol simpan template, dan lihatlah pada tampilan hompage blog sahabat. apakah sudah hilang atau belum.

Catatan:
Jika pada template blog sahabat menemukan kode /*-- teks */ maka kode script diatas diletakkan setelah /* --teks --*/ karena jika script atau teks yang ada dalam cakupan /* teks */ tidak akan diproses sebagai kode html ataupun script, melainkan kode tersebut dianggap sebagai keterangan atau teks biasa.

Contoh:

![CDATA[/*
-----------------------------------------------
Theme Name: Blue with Grey
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Blue and grey are main colors used in the theme. Menu is widgetized.
----------------------------------------------- */

diubah menjadi:

![CDATA[/*
-----------------------------------------------
Theme Name: Blue with Grey
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Blue and grey are main colors used in the theme. Menu is widgetized.
----------------------------------------------- */
#navbar {
height: 0px;
visibility: hidden;
display: none;
}

Navbar pada umumnya memang ada dan dihilangkan, karena menurut sebagian dari pengguna blogger navbar akan mengganggu tampilan blog. akan tetapi kita bisa juga menjadikan navbar itu auto hide yang artinya navbar akan muncul jika posisi mouse berada di paling atas tampilan blog dan akan hilang jika mouse bergeser kebawah. untuk pengaturan navbar auto hide kita hanya mengganti kode dibawah ini :

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

 
Kemudian anda ubah dengan format kode berikut :

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

Demikian diatas proses menghilangkan navigasi bar "Navbar" pada blog dan cara membuat navbar auto hide. semoga artikel ini dapat membantu mempelajari blogger. terimakasih
Terimakasih telah membaca artikel berjudul Menghilangkan navigasi bar "navbar" pada blog Mudah-mudahan apa yang telah di sampaikan dalam artikel ini bisa bermanfaat untuk anda , jika anda suka dengan artikel ini silahkan sampaikan pada teman . Jika kurang berkenan silahkan sampaikan pada admin dengan cara memberi komentar di kolom yang telah di sediakan .