Gudang Komputer
Tampilkan postingan dengan label sub menu. Tampilkan semua postingan
Tampilkan postingan dengan label sub menu. Tampilkan semua postingan

Sabtu, 19 Mei 2012

Membuat sub menu di blog

kita ga perlu repot-repot dengan mengedit HTML nya, sobat tingal masukan  saja tambah gaget di tata letak kode di bawah ini,...hanya dengan 2 klik sub menu sudah jadi D: dan jagan lupa ganti url dengan URL sobat

<style type="text/css">
#menuqu {
   text-decoration: none;
   vertical-align: middle;
   }
#menuqu a {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   display: inline;
   width: 150px;
   text-decoration: none;
   vertical-align: middle;
   }
#menuqu a:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
#menuqu a:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
</style>
<div id="menuqu">

    <a href="http://maju-jaya2012.com/bahan-bangunan">
    Beranda</a>

    <a href="http://maju-jaya2012.com/produk">
    Kategori</a>

    <a href="http://maju-jaya2012.com/tokoonlinesubang">
    Toko Online</a>

    <a href="http://www.maju-jaya2012.com/keramik">
    Gudang</a>

    <a href="http://www.maju-jaya2012.com/livechat">
    Kontak</a>

    <a href="http://www.maju-jaya2012.com/layanan">
    Layanan</a>

</div>