Membuat Navbar Sendiri [Transparan]

Kemarin dulu ada yang bertanya mengenai cara membuat objek secara transparan dengan memakai CSS. Teman lama ceritanya, sekaligus fans berat blog ini :D Sebagai tanda dia kalau masih nge-fans sama si pemilik blog :D Jadi ketika dia menyadari navbar di thom-sharing transparan, dia buru buru contact thom deh.
Tapi thom tidak ingin membahas transparannya [Mungkin sedikit nanti]. Toh, sudah tak daftarin jadi artikel di kontesnya Bang Hakim kok, dengan judul Membuat Objek Transparan Memakai CSS. So, sesuai judul saja lah. Membuat navbar transparan :)

Langsung saja :

• Masuk ke Edit HTML
• Masukkan kode ini diatas ]]>≶/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.5;
  height: 100%;
  vertical-align: bottom;
  }
  
  #navbar-bawah p {
  float: left;
  margin: 0px;
  padding-top:4px;
  padding-left:40px;
  line-height: 1.2;
  vertical-align: bottom;
  }
  
  #navbar-bawah a {
  color:#FFFFF;
  text-decoration:none;
  }
  #navbar-bawah a:hover{
  color: #FFFFF;
  }
  #navbar-bawah {
  align: center;
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 5px solid #4893E4;
  background-color: #C6CDD5;
  width: 100%;
  left: 0px;
  text-align: left;
  color: #333;
  font-family: verdana;
  font-size: 10px;
  opacity : 0.7;
  z-index:10000;
  bottom:0;
  }
  

  
  
• Setelah itu, masuk kan kode di bawah ini di atas tag </body>
  

  
  By thom | Kontak   | Powered by Blogger |  Best viewed in Firefox 1.5+ at 1024x768 or higher resolution

  
  
  

  Ubah sendiri saja yah, :). Code ini langsung dari template thom. Tidak ada penambahan atau pengurangan. Jadi, harus merasa berbangga hati,, :D

Cukup copas, kemudian lakukan editing secukupnya. :) Selamat berkreasi..