RodeBlog - Coding Galau kali ini akan mempostingkan cara Membuat Navbar Auto Hide di Blog . Akan tetapi saya akan mempostingkan caranya secara umum karena tidak semua template memiliki coding HTML yang sama .
Silakan login ke www.blogger.com . Klik Dashboard blog yang akan anda edit > Template > Edit HTML seperti pada gambar .
Terdapat ribuan Coding di dalam box tersebut .Cari kode ]]></b:skin> ,untuk mempermudah pencarian anda dapat menggunakan Ctrl + F . Jika dengan Ctrl + F tidak bisa ditemukan , maka anda harus mencari pendekatannya misalnya b:skin . Lalu copy code dibawah ini dan diletakkan sebelum kode ]]></b:skin>
Code:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Contoh:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}]]></b:skin>
Untuk menghindari kesalahan dalam meletakkan coding , silakan klik pratinjau terlebih dahulu . Jika berhasil klik Save Template .
