Twitter Facebook Google Plus RSS Feed Email

Cara Membuat Menu Dropdown Horizontal Di Bawah Header (Dibawah Judul Blogspot)


  1. Masuk ke blogger
  2. Pilih Rancangan
  3. Pilih Edit HTML (Contreng expand widget tamplate)
  4. Cari kode ]]></b:skin> lalu tempatkan kode di bawah ini tepat di atas kode tersebut.
    .basictab{
    padding: 3px 0;
    margin-left: 0;
    font: bold 12px Verdana;
    border-bottom: 1px solid gray;
    list-style-type: none;
    text-align: left;
    }
    .basictab li{
    display: inline;
    margin: 0;
    }
    .basictab li a{
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid gray;
    border-bottom: none;
    background-color: #222222;
    color: #ffffff;
    }
    .basictab li a:visited{
    color: #ffffff;
    }
    .basictab li a:hover{
    background-color: #00ff00;
    color: black;
    }
    .basictab li a:active{
    color: black;
    }
    .basictab li.selected a{
    position: relative;
    top: 1px;
    padding-top: 4px;
    background-color: #222222;
    color: white;
    }
  5. Lalu klik simpan tamplate.
  6. Langkah selanjutnya klik elemen halaman
  7. Tambah widget
  8. Pilih HTML/ Javascript
  9. Copy Paste kode di bawah ini 
    <ul class="basictab">
    <li class="selected"><a href="http://baihakkierspber.blogspot.com/">Home</a></li>
    <li><a href="#">My Profil</a></li>
    <li><a href="#">Kontak</a></li>
    <li><a href="#">Tukar Link</a></li>
    <li><a href="#">Daftar Isi</a></li>
    </ul>
  10. Klik Save 
  11. Tempatkan widget persis dibawah header blog sobat.

Keterangan:
Warna Biru untuk alamat url yang dituju
Warna Merah untuk nama menu yang ditampilkan





Comments
0 Comments

Tidak ada komentar:

Posting Komentar