Float Navbar adalah navigation bar yang dari namanya sendiri "float" (melayang) jadi navbar ini tidak menempel pada element blog anda, sehingga jika anda scroll Up/Down, maka navbar ini akan tetap berada di bagian bawah blog anda. Ingin tau cara membuatnya?
- Loggin to blogger>Layout>HTML/Javasc
ript (jangan lupa click "Expand Widget Template") - Anda cari code ini: ]]> (untuk lebih mudahnya: tekan ctrl+F ; kemudian anda copy>paste code tersebut di kotak "find" kemudian tekan enter)
- Setelah anda menemukan code tersebut, letakan code tersebut diatas code: ]]></b:skin> /* kode untuk navbar --------------------------------------- */ #navbar-bawah img { /* margin: 0px 0px -8px 0px; */ vertical-align: middle; } #navbar-bawah p.info { float: right; padding-right:40px; line-height: 1.3; height: 100%; vertical-align: bottom; } #navbar-bawah p { float: left; margin: 0px; padding-top:1px; padding-left:40px; line-height: 1.2; vertical-align: bottom; } #navbar-bawah a { color:#FFFFFF; text-decoration:none; } #navbar-bawah a:hover{ color: #FF8000; } #navbar-bawah { align: center; position: fixed; border-top: 1px transparent #ddd; border-bottom: 1px transparent #FF8000; background-color:#8800ee; width: 100%; left: 0px; text-align: left; color: #DF7401; font-family: verdana; font-size: 12px; z-index:10000; bottom:0; }
- Kemudian anda cari code: </body> , kemudian anda letakan code dibawah ini, tepat diatas code: </body><div id='navbar-bawah'> <p class='info'> </p> <p><a href="http://adf.ly/?id=523453"><img border="0" src="http://adf.ly/images/banners/adfly.350x19.1.png" width="350" height="19" title="Lebah Penyedot Uang" /></a> <a href='http://www.blogger.com/profile/02685124760475379123' target='_blank'> <a href='http://www.fabrie.blogspot.com'>FBC 2011 </a> | </a></p> <p class='info'>Powered by <a href='http://www.blogger.com'>blogger</a> | <a href='http://fabrie.blogspot.com' target='_blank'>febri</a> Copyright © 2009 </p><a href='#top'>top</a> </div>
- simpan
|
Tulisan Terkait : |
|
Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)
Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.
