Membuat Float Navbar

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?


Saya akan memberikan kepada anda script yang sudah saya edit, yang hasilnya anda bisa lihat sendiri di bagian bawah halaman blog ini.

Ikuti langkah-langkah berikut:

• Loggin to blogger>Layout>HTML/Javascript (jangan lupa click "Expand Widget Template")
• Anda cari code ini: ]]></b:skin> (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:#0B0B0B;
width: 100%;
left: 0px;
text-align: left;
color: #DF7401;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}