Showing posts with label navbar. Show all posts
Showing posts with label navbar. Show all posts

Friday, December 2, 2016

Cara Menghilangkan Navbar di Blogger

Cara Menghilangkan Navbar di Blogger


Apa itu navbar?? Navbar (Navigation Bar) adalah suatu frame yang muncul secara default di bagian atas setiap blog blogger (jika masih menggunakan template bawaan blogger). Contohnya Navbar. Berbagi Laporkan Penyalahgunaan Blog Berikut»     Buat Blog Masuk. ikuti, berbagi, laporkan penyalahgunaan, blog berikut>>, nama email , entri baru, rancangan dan  keluar.

Fitur Navbar meliputi:
- (B) (logo): Membawa anda kembali ke www.blogger.com
- Cari Blog: Mencari postingan blog di halaman tersebut.
- Ikuti: Mengikuti secara publik dan memantau terus entri terkini blog di Dasbor Blogger anda.
- Berbagi: Memungkinkan anda mempromosikannya di situs sosial.
- Laporkan Penyalahgunaan: Melaporkan blog karena telah menyalahi aturan tertentu.
- Blog Berikut: Membawa anda ke sebuah blog Blogger secara acak.
- (Alamat Email): Jika anda login ke account anda, anda akan melihat alamat email anda. Orang lain akan melihat alamat email mereka sendiri jika mereka login.
- Dasbor: Jika anda masuk log, anda akan memiliki link ke dasbor anda sendiri.
- Masuk/Keluar: Menampilkan pilihan yang sesuai, tergantung pada apakah anda login atau tidak.
Walaupun navbar blogger (Navbar. Berbagi Laporkan Penyalahgunaan Blog Berikut»     Buat Blog Masuk. ikuti, berbagi, laporkan penyalahgunaan, blog berikut>>, nama email , entri baru, rancangan dan  keluar.) mempunyai fitur yang cukup baik, namun banyak juga yang masih merasa terganggu dengan adanya navbar di blogger, sehingga banyak yang menghilangkannya. Apakah menghilangkan navbar akan melanggar TOS??, saya juga belum tahu pasti, namun sejauh ini belum ada blogger yang dibanned atau di hapus karena menghilangkan navbar (termasuk saya). Berikut ini cara menghilangkan navbar di blog anda, jika anda merasa terganggu :).
1. Login dulu di Blogger.
2. Klik “Rancangan”, pilih tab “Edit HTML”
3. Letakkan script dibawah ini ke dalam tag
#navbar-iframe {
display: none !important;
}
misalnya seperti ini:
-----------------------------------------------
Blogger Template Style
Name:     Healthy Lifestyle
Author:   Umpama
URL:      www.bloger.com
Date:     Maret 2012

----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
===================
4. Simpan dan lihat hasilnya.
5. Enjoy

Navbar. Berbagi Laporkan Penyalahgunaan Blog Berikut»     Buat Blog Masuk. ikuti, berbagi, laporkan penyalahgunaan, blog berikut>>, nama email , entri baru, rancangan dan  keluar.

Go to link Download

Read more »

Friday, November 11, 2016

Cara membuat auto hide navbar blogspot

Cara membuat auto hide navbar blogspot


Navbar adalah bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan Entri Baru, Rancangan, dan Keluar. Nah, ada beberapa temen blogger yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Anda tanpa menghilangkan navbar secara permanen, Anda bisa kok menyembuyikan navbar tersebut dengan auto hide navbar. Berikut cara membuat auto hide navbar pada blogspot :

[1]. Login Blogspot
[2]. Klik Rancangan kemudian Edit HTML
[3]. Silahkan Anda cari kode body {, 
       Kemudian copas script berikut ini dan letakkan di atas kode body { tadi
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

       Sehingga formatnya menjadi seperti ini :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 
body {
[4]. Jika sudah, silahkan klik Simpan Template dan lihat hasilnya di blog Anda.

Silahkan Anda arahkan mouse pada bagian teratas blog Anda, maka akan muncul navbar yang telah disembunyikan. Apabila mouse Anda arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Go to link Download

Read more »