Cara Membuat Menu Drop Down

Kamis, 25 Oktober 2012

  1. Log in ke blog dulu :)
  2. Klik  more option, pilih Template
  3. Klik edit HTML, lanjutkan, dan centang kolom Expand Template Widget
  4. Cari kode ]]><b:skin>
dan sisipkan kode berikut tepat DIATASNYA
.tabs-inner .widget li ul {
  z-index: 100; position: absolute;
  left: -999em; height: auto; margin: 0; padding: 0;
  border: 1px solid #999999;  
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
  -moz-border-radius: 0px; -webkit-border-radius: 0px;
  -goog-ms-border-radius: 0px; border-radius: 0px;
}

.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
  left: auto;
}

.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
  color: #ffffff; background: rgb(51, 102, 153);
}

.tabs-inner .widget li ul a {
  display: block; padding-left: 1.25em; padding-right: 1.25em;
  margin-left: 0px; margin-right: 0px; border: none;
  color: #000000; background: rgb(243, 244, 246);
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
  width: 220px;
}

      5. kemudian cari kode <li><a expr:href='data:link.href'><data:link.title/></a></li> dan kemudian
perhatikan kode <b:/loop>  sisipkan kode berikut dibawah <b:/loop>

dan kemudian perhatikan kode <b:/loop> yang terdapat beberapa baris di bawahnya. Nah, sisipkan kode dengan format berikut ini tepat di bawah <b:/loop>.

Sumber: http://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2CXrSfKmY
dan kemud

<li><a href='#'>Menu</a>
  <ul>
    <li><a href='URL'>Sub Menu 1</a></li>
    <li><a href='URL'>Sub Menu 2</a></li>
    <li><a href='URL'>Sub Menu 3</a></li>
  </ul>
</li>


adapted by: http://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html

0 comments:

Recent Posts

Recent comments