Navi Bar di Bawah dan Auto Hide

Navi Bar di Bawah dan Auto Hide

Rosadblogger Untuk sebagian blogger, ada yang tetap menggunkan navibar dan ada yang tidak. Entah alasannya bagaimana, tergantung dari seler... 12:23:00 AM

Rosadblogger

Untuk sebagian blogger, ada yang tetap menggunkan navibar dan ada yang tidak. Entah alasannya bagaimana, tergantung dari selera dan kemampuan masing-masing adminya barangkali. Berikut ini akan saya paparkan bagaimana agar blog kita memakai navibar, namun posisinya di bawah.
Berikut caranya :

• Navibar di bawah

1. cari kode " ]]></b:skin> " pada edit HTML, jangan lupa centang Expand Widget.
2. pasangkan kode berikut di atas " ]]></b:skin> " tersebut, seperti ini :

#navbar-iframe {display:block;position: fixed;bottom: 0px;left: 0px; }

]]></b:skin>

Save template dan lihat hasilnya. dari sini sumber kodenya 

•  Navibar Auto Hide, berikut caranya :

1. cari kode ]]></b:skin>; pada edit HTML, jangan lupa centang Expand Widget.
2. pasangkan kode berikut di atas " ]]></b:skin> " tersebut, menjadi seperti ini 

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
]]></b:skin>

Save template dan lihat hasilnya. dari sini sumber kodenya

• Sekarang, navibar berada di bawah dan auto hide. berikut caranya :

1. cari kode " ]]></b:skin> " pada edit HTML, jangan lupa centang Expand Widget.
2. pasangkan kode berikut di atas ]]></b:skin> tersebut

 #navbar-iframe {display:block;position: fixed;bottom: 0px;left: 0px; }
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}  
]]></b:skin>

Save template dan lihat hasilnya

Gampang kan?? selamat mencoba