Cara Membuat Navbar Bawah

Navbar adalah Navigasi Bar, biasanya yang umum terletak di bagian atas seperti bawaan dari google/blogger/blogspot. Nah kali ini sOOdah akan share tentang membuat Navbar yan terletak dibawah bukan diatas. hahay..

Langsung saja kita login ke rumah online Anda, dan pilih layout, sip lanjut tekan edit html, jangan klopaeh (lupa) beri tanda centang pada expand template widget. sOOdah kan??? Lanjut tekan ctrl+F atau F3 untuk mempermudah pencarian, apa yang dicari? carilah kode ]]></b:skin> setelah ditemukan secara otomatis karena telah menekan tombol Ctrl+F atau F3 sebelumnya, dan letakkan coda-code CSS java script brikut ini tepat di atas coda-code ]]></b:skin> tadi. Coda-codenya seperti dibawah ini:

#navbar-footer p.info { float: right; padding-right:40px; line-height: 1.2; height: 100%; vertical-align: bottom; } #navbar-footer p { float: left; margin: 0px; padding-top:4px; padding-left:40px; vertical-align: bottom; line-height: 1.2; } #navbar-footer a { color: #333; } #navbar-footer { align: center; position: fixed; border-top: 1px solid #ddd; border-bottom: 10px solid #f5f5f5; background-color: #f5f5f5; width: 100%; left: 0px; text-align: left; color: #888; font-family: Verdana; font-size: 11px; z-index:10000; opacity: 0.9; filter: alpha(opacity: 90); bottom:0; }

setelah sOOdah pastekan coda-code CSS tersebut, yuk kita lanjutkan mencari coda-code </body> setelah sOOdah ditemukan, paste coda-code berikut tepat diatas atau sebelum coda-code </body> tadi, coda-code CSSnya serti ini:

<div id="navbar-footer">
<p>
<img border="0" src="http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ogu9epn47uVGwniBNojXzoz6KqNHbPPdotiDJl8LLZqUzA5cZQ8_YOiQnv6Q38ugN9qDuEiE6XnSD9iEKj7MMleZz6AKCQ2WKDmAUy1Bemh6Av-LzEBH255qwCBxqPBaRbuXaSXSBYo/s1600/SOODAH+-+MEMPERMUDAH+SEGALA+KEADAAN+-+THE+BEST+ICON+in+years.png"/>&#160;&#160;<a href="http://sOOdah.blogspot.com/index.html">sOOdah the best blog</a>&#160;&#169;&#160;2011 <img border="0" src="http://3.bp.blogspot.com/-eBDmgNWnPrc/TV0zk3kuUSI/AAAAAAAAACg/ET65OTopJs8/s400/soodah+seo.png"/></p>
<p class="info">Download Gratis<a href="http://sOOdah.blogspot.com/"> Terbaru 2011</a> | Komunitas Blogger <a href="http://sOOdah.blogspot.com/" target="_blank">Dunia</a><br/>Jejaringan Sosial Gratis Tahun 2011. Baru..!!!
<br/>
</p>
</div>

Jika sOOdah semua, sekarang coba di View dulu sebelum disimpan, jika sesuai keinginan, langsung simpan dan jangan lupa satu pesan dari kami, follow blog kami. Terima kasih.