Menyembunyikan navbar blogspot

Apa itu “navbar” di blogspot? Navbar merupakan singkatan dari navigation bar. Adanya di bagian paling atas halaman blog.

Navbar berfungsi untuk keperluan navigasi ketika berselancar di dalam blog. Navbar dibuat untuk menandai blog yang melanggar aturan, memudahkan pencarian blog yang lain, dan ketika sudah login memudahkan member untuk membuat postingan baru, dan kustomisasi.

Dalam hal blog yang melanggar aturan blogger.com atau Google, navbar menjadi salah satu cara untuk melaporkan adanya pelanggaran yang ditemukan oleh pengunjung blog. Karena itu navbar ini tidak boleh dihilangkan karena melanggar aturan blogger.

Namun disatu sisi, adanya navbar akan terkesan tidak profesional. Ini agak membingungkan dan menyulitkan kita sebagai blogger. Salah satu cara yang bisa dilakukan adalah menyembunyikan tapi tidak menghilangkan secara permanen.

Berikut caranya:
1. Masuk di Edit Html dangan lupa centang expand-nya
2. Copy kode ini

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

3. Paste kode (tempatkan) dibawah nama style template blogger anda
Contoh:

———————————————–
Blogger Template Style Name: Minima Stretch
Designer: Douglas Bowman / Darren Delaye
URL: http://www.stopdesign.com
Date: 26 Feb 2004
———————————————– */

4. Inilah gambaran keseluruhannya:

———————————————–
Blogger Template Style Name: Minima Stretch
Designer: Douglas Bowman / Darren Delaye
URL: http://www.stopdesign.com
Date: 26 Feb 2004
———————————————– */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
5. Selesai dan Selamat Mencoba

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s