Setting Navbar Blogspot

F ungsi dari Navbar Blogspot banyak sekali, antara lain :

+ Untuk mempermudah mencari Blog lainnya.[Search]
+ Menandai (seperti Bookmark)Blog jika isinya menarik.[Flag Bog]
+ Untuk melihat blog selanjutnya yang diupdate secara acak. [Next Blog]
+ Langkah cepat untuk menuju ke Halaman Dashboard Blog mu.[Customize]
+ Log in di Blogger dengan menekan tombol B [B]

Ni tampilan Navbar di Blogspot :




Ada 3 Cara setting Navbar di Blogspot :

1. Mengganti warna Navigasi Blog











+ Login to Blogger kemudian pilih "Layout"
+ Klik "Edit" pada Navigasi Bar yang terletak diatas Header, kemudian ada pilihan 4 warna seperti gambar diatas. Pilih Salah satu, sesuaikan dengan tema layout mu.
+ Save Template

2. Menghilangkan Navigasi Blog

+ Login to Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML"
+ Kopi paste kode dibawah ini dan letakkan di bawah nama Template-mu atau di atas kode ]]>

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.......com
Date: ......
Updated by: Blogger Team
----------------------------------------------- */

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

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru diatas merupakan nama template-mu ( setiap template berbeda namanya )
+ Save Template

Atau letakkan seperti ini :

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

]]>

3. Membuat Autohide Navigasi Blog

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.......com
Date: ........
Updated by: Blogger Team
----------------------------------------------- */

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

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini :

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

]]>

Itung2 Nambah koleksi spesial efek blog ini he3 ...