Pasang Iklan Disini

Rabu, 07 Agustus 2013

Cara Membuat Submenu Pada Blog (Menu Dropdown)

Assalamualaikum wr.wb
Kali ini saya sendiri akan memberikan pada kalian sebuah tutorial blogger, yaitu cara membuat submenu. Awalnya saya juga penasaran dengan cara membuatnya, dan akhirnya kebenarannya pun terungkap juga, dan saya sudah bisa dalam membuat submenu tersebut.
Berikut contoh submenu nya.


Ingin membuat yang seperti itu??
Caranya mudah gan.
Ikuti langkah-langkah berikut ini:
  • Setelah itu klik Laman, dan Tampilkan Laman Sebagai nya diganti menjadi Tab Atas
  • Lalu klik Template, dan klik Edit HTML
  • Cari kode ]]></b:skin>
  • Setelah kode itu ditemukan maka paste kan kode dibawah ini tepat diatas kode yang tadi

.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;


  •  Setelah itu cari kode <li><a expr:href='data:link.href'><data:link.title/></a></li>.
  • Setelah kode tersebut ditemukan maka perhatikan dibawah kode itu ada kode
    <b:/loop>. Maka copy dan simpan kode dibawah ini tepat dibawah kode <b:/loop>


<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>



  • Lalu setelah itu klik Simpan dan lihat hasilnya


Penjelasan: Untuk kode yang berwarna merah tinggal kalian ganti dengan nama Menu dan Submenu kalian, dan untuk URL pun sama tinggal diganti dengan alamat URL nya,


Mungkin hanya itu saja yang dapat saya sampaikan.
Wassalamualaikum wr.wb

Ketikkan email kalian dibawah dan klik Berlangganan untuk dapat berlangganan artikel kami:

Delivered by FeedBurner

Please Give Us Your 1 Minute In Sharing This Post!
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

 
notifikasi
close