Cara membuat navbar blogger auto hide

Oke sobat, kali ini saya akan mencoba share tentang bagaimana membuat navbar di blog menjadi auto hide, bila mouse di arahkan ke bagian paling atas blog maka akan terjadi penampakan navbar tersebut dan bila mouse di jauhkan dari navbar tersebut maka navbar akan kembali menghilang. Nah sebelumnya pernah saya share tentang menghilangkannya. Walaupun dari informasi yang beredar mengatakan bahwa blogger sudah menperbolehkan kita untuk menghilangkannya, namun alangkah baiknya tidak dihilangkan, sekedar untuk berjaga-jaga. Bila anda takut melanggar TOS blogger sebaiknya jangan dihilangkan, lebih baik di buat auto hide aja.

Lalu bagai mana bila sudah terlanjur di hilangkan? kenapa tidak di munculkan dulu, bila anda kesulitan anda bisa baca artikel saya tentang mengembalikan navbar yang hilang di SINI. Oke sobat udahan yach basa-basinya, berikut ini adalah cara membuat auto hidden pada navbar:

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-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Simpan. Selesai, 
6. Enjoy 

He he he he demikianlah tip kali ini semoga berguna....

Posted by Fayes Cool » Rating 4.5 » at Wednesday, June 29, 2011

Postingan Terkait