Navi Bar di Bawah dan Auto Hide

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

• cari kode " ]]></b:skin> " pada edit HTML, jangan lupa centang Expand Widget.

• 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 :

• cari kode ]]></b:skin>; pada edit HTML, jangan lupa centang Expand Widget.

•  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 :

• cari kode " ]]></b:skin> " pada edit HTML, jangan lupa centang Expand Widget.

• 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