Saturday, August 29, 2009

Membuat Navbar Footer

Anda lihat pada blog saya ini ditambahkan navbar footer pada bagian bawah. Ini adalah navigation bar untuk meletakkan tombol-tombol navigasi atau yang lainnya tergantung kreatifitas masing-masing. Ini saya dapatkan dari beberapa blog yang sudah menggunakannya sebelumnya.
Berikut adalah caranya :

  1. Login ke blogger Anda.
  2. Masuk ke layout > edit html
  3. Beri tanda centang pada expand template widget.
  4. Copy kode dibawah ini diatas kode ]]><⁄b:skin>
  5. #navbar-footer a {
    color: #000;
    font-weight:bold;
    }
    
    #navbar-footer {
    align: center;
    position: fixed;
    border-top: 1px solid #ddd;
    border-bottom: 10px solid #f5f5f5;
    background-color: #fff;
    width: 100%;
    left: 0px;
    text-align: left;
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    z-index:10000;
    opacity: 0.9;
    filter: alpha(opacity: 90);
    bottom:0;
    }
    
  6. Masukkan kode berikut diatas code <⁄body>

Sesuaikan code yang ada pada navbar dengan keinginan Anda

No comments: