bisnis

Rabu, 09 November 2011

Tips and Trik Menghilangkan Atau Menyembunyikan Navbar di Blog

Sebelumnya fungsi Navigasi Bar di blog adalah :



  • 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]


Ada 3 cara untuk menghilangkan Navigation Bar di Blog :


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 lay out mu.
+ Save Template


2. Menghilangkan Navigasi Blog


+ Login to Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML"

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
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 merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini

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

]]></b:skin>
</head>



3. Menyembunyikan Navigasi Blog


-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
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)}

]]></b:skin>
</head>


SELAMAT MENCOBA

Weitsss kok masih 0 komentar: