Translate This Page Here

By Kanwara

Tuesday, July 28, 2009

Hack: Hidden Navbar Blogger

Navbar Blogger adalah menu bar yang disediakan oleh blogger/blogspot untuk berbagai fungsi, selain berfungsi untuk identitas bahwa blog tersebut menggunakan layananan free blog dari blogger/blogspot, navbar juga berfungsi sebagai mesin pencari blog-blog yang terdaftar di blogspot, untuk lebih lengkapnya tentang apa itu navbar baca disini. Kadang kala kita ingin menghilangkan navbar tersebut karna menggangu tampilan blog kita, tetapi kadang juga kita takut karna termasuk melanggar TOS atau tidak jika menghilangkan navbar. Lalu bagaimana solusinya? Tenang saja para Blogger Master telah menemukan cara yang jitu, apa caranya? Lanjutlah membacanya.

Pada posting lalu saya telah membahas tentang menghilangkan navbar di blogger disini. Sekarang ini dia solusi untuk masalah navbar yaitu dengan meng-hidden navbar blogger. Artinya dalam kondisi normal navbar tidak kelihatan, tetapi jika pointer mouse diarahkan disekitar tempat navbar maka navbar akan muncul. Bagaimana mau langsung coba? Ikuti langkah ini:

1. Sign In ke blog anda.

2. Tuju tab Layout -> Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. Tidak PERLU mencentang kotak yang bertuliskan Expand Widget Template.

5. Lalu cari kode ini:

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

6. Setelah ketemu, Ganti kode tersebut dengan kode dibawah ini:
#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=0)
}

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


7. Setelah itu Simpan Template dan lihat hasilnya.

Moga manfaat...!

Baca juga disini

0 comments:

Post a Comment

 

Tutorial Blogspot

Recent Comments

About Us

my logo

TEBE is "Tutorial Blogger". This blog serves as showcase for my project and others blogger. Wanna learn more about web/blog design, css, html, graphic design, photography, programming, etc.
[View my complete profil!]

Connect ith Me


Follow Kanwara on Twitter!Connect with Kanwara on Facebook!Visit my wordpress blog!Join at aRawna Blog Tutorial!

Copyright © 2009 All Rights Reserved TeBe Tutorial Blogger | Designed:Kanwara Dotcom