CARA TAMABAH MENU, SUB MNEU DROPDOWN BLOG

 Caranya Sebagai Berikut :

1. Kode HTML Menu Dropdown

Salin kode berikut ke dalam gadget HTML/JavaScript di Blogger And

<style>
/* CSS Menu Dropdown */
#menu-wrapper {
  background: #333; /* Warna background menu */
  width: 100%;
}
#menu-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu-wrapper ul li {
  position: relative;
  display: inline-block; /* Menu horizontal */
  float: left;
}
#menu-wrapper ul li a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
}
#menu-wrapper ul li a:hover {
  background: #555; /* Warna saat hover */
}
/* Menyembunyikan submenu */
#menu-wrapper ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #444;
  min-width: 150px;
  z-index: 9999;
}
/* Menampilkan submenu saat hover */
#menu-wrapper ul li:hover > ul {
  display: block;
}
#menu-wrapper ul ul li {
  display: block;
  float: none;
}
#menu-wrapper ul ul li a {
  padding: 10px 15px;
}
</style>
<div id="menu-wrapper">
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="#">Menu 1</a>
      <ul>
        <li><a href="URL_SUBMENU_1">Submenu 1</a></li>
        <li><a href="URL_SUBMENU_2">Submenu 2</a></li>
      </ul>
    </li>
    <li><a href="URL_MENU_2">Menu 2</a></li>
  </ul>
</div>
<div style="clear:both;"></div>

2. Cara Pemasangan di Blogger

1. Login ke Blogger.
2. Masuk ke menu Tata Letak (Layout).
3. Klik Tambahkan Gadget di area navigasi/header.
4. Pilih HTML/JavaScript.
5. Kosongkan Judul, tempel (paste) kode di atas pada kotak Konten.
6. Ganti URL_SUBMENU_1 dan lainnya dengan tautan asli Anda.
7. Klik Simpan. [1, 2, 3]

Tips Tambahan

• Kustomisasi: Ubah kode warna (#333, #fff, dll) sesuai tema blog Anda.
• Template: Jika Anda menggunakan template pihak ketiga seperti Viomagz, ikuti panduan dari pembuat template karena biasanya mereka menyediakan alat pembuat menu otomatis.
• Alternatif: Anda juga dapat mempelajari cara membuat menu yang lebih kompleks menggunakan panduan cara membuat menu drop-down di blogspot atau tutorial dari Scrib

         atau dengan cara salin kode dibawah ini : simpan file RAR

                        1.direk download

                      

                        2. ___________ 

         Atau dibawah ini : tuk simpan file RAR

   

        Atau dg cara berikut :  tuk simpan file RAR

        

   

• 
  

Continue Reading