Saat ini saya akan membahas tentang cara membuat navbar blog menjadi auto hide. Navbar auto hide adalah navbar yang tersembunyi dan akan muncul apabila kursor diarahkan pada bagian atas blog atau tempat navbar tersembunyi. Oleh karena itu kita tidak menghapus navbaryang melanggar TOS tetapi hanya meng-auto hidenya.
Cara membuatnya adalah sebagai berikut :
1. login ke blogger
2. Masuk ke tata letak, kemudian edit HTML
3.Cari Code seperti ini ]]></b:skin> (untuk mempermudah pencarian ketik ctrl+F)
4. Lalu Diatas Code ]]></b:skin> tambahkan Code seperti dibawah ini :
1. login ke blogger
2. Masuk ke tata letak, kemudian edit HTML
3.Cari Code seperti ini ]]></b:skin> (untuk mempermudah pencarian ketik ctrl+F)
4. Lalu Diatas Code ]]></b:skin> tambahkan Code seperti dibawah ini :
navbar auto hide
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
navbar transparnt
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}
mengembalikan navbar blog yang hilang
Cari kode di bawah ini : ( gunakan Ctrl+F untuk mempermudah pencarian )
#navbar-iframe {
display: none !important;
Apabila sudah ketemu, hapuslah kode tersebut
Apabila anda tidak menemukan kode tersebut, berarti kode template anda
berbeda. Silakan cari kodedi bawah ini
#navbar-iframe{ height:0px; visibility:hidden; display:none}
Apabila sudah ketemu, hapuslah kode tersebut
5. Simpan. Selesai, simpel kan...
Tidak ada komentar:
Posting Komentar