HILANGKAN NAVIGASI BAR BLOG AUTOHIDE NAVIGASI BAR BLOG

Script ini sudah tentu banyak beredar di situs-situs atau blog... Yah, gak ada salahnya saya posting, namanya saja berbagi... siapa tau anda sedang mencari script ini yang sudah tentu telah saya test dan aplikasikan....


Auto Hide Navigasi BAR for your Blog..

1. Login ke Blog anda, atau Dashboard (www.blogger.com)
2. Pilih pada bagian TEMPLATE, lalu click Edit Html, click Lanjutkan...
    setelah muncul, silahkan beri tanda centang pada "Expand Template Widget"


3. Cari kode seperti di bawah ini, agar lebih mudah tentu gunakan CTRL F (Find)

sabar, baca dulu aja, nanti dibawah anda bisa ambil

]]></b:skin>

4. Setelah ketemu, silahkan Copas (copy paste) script berikut, dan tempatkan diatas ]]></b:skin> 
    Lihat gambar [tempatkan seperti pada item yang saya lingkari] :




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

Click DISINI untuk Mengambil / melihat Script

Autohide Navigation Bar

5. Klik tombol SIMPAN Template. JANGAN DITUTUP
    Anda bisa lihat hasilnya dengan membuka blog anda di tab baru...
    dan lihat perubahannya...

HASIL TAMPILAN :

saat ana mengunjungi Blog anda... Navigasi Bar akan hilang... tetapi, saat anda mengarahkan pointer mouse anda pada bagian atas (tepat biasanya navigasi berada), maka Navigasi akan muncul...
yah layaknya Autohide taskbar pada Start Menu windows anda..




DISABLE / HIDE Navigasi BAR for your Blog..


Ikuti langkan 1 sampai 2 diatas...
atau jika anda sedang dalam EDIT HTML pada langkah No. 5... lanjut ke berikut

1. Cari kode berikut ![CDATA[        ==> sabar, baca dulu aja, nanti dibawah anda bisa ambil
    jika sudah ketemu, perhatikan karena kode tersebut ada banyak di blog anda...
    cari yang bentuknya seperti pada Gambar berikut :





Jika kurang jelas gambar nya.... cari keterangan script seperti ini :





<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */


Jika belum ketemu Enter-enter aja, sampai anda melihat bentuk seperti diatas.....


Nah setelah ketemu, anda  masukan kode berikut di bawah nya...
sehingga menjadi seperti ini... (script yang saya tebalkan adalah yang anda tambahkan)

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name:     Simple

Designer: Josh Peterson

URL:      www.noaesthetic.com

----------------------------------------------- */

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


Click DISINI untuk Mengambil / melihat Script


2. Jika sudah silahkan Click pada SIMPAN TEMPLATE
    Usahkan jangan ditutup dulu... 
    Silahkan reload/buka blog anda pada tab baru di browser anda....


HASIL TAMPILAN :

Saat anda mengunjungi blog anda, Navigasi bar akan invisible, baik bagi admin maupun visitor...
Nah, bagi admin mau masuk ke Dashboard... silahkan masuk dari www.blogger.com

SELAMAT MENCOBA