Membuat Drop Down Menu

Membuat Drop Down Menu - Drop Down Menu memang sangat populer dan sangat dibutuhkan pada saat ini. Jika di blog anda terdapat banyak link dan bingung untuk menaruhnya dimana. Nah, Drop-Down Menu adalah jawabannya. Drop Down Menu yang bagus dan indah ini dibuat full CSS tanpa JS (JavaScript). Sehingga anda tidak perlu khawatir jika loading blog anda lambat. Saya telah menerapkan hasil Drop Down Menu ini di blog saya yang satunya. Silahkan lihat hasilnya :

 DEMO

Langkah untuk membuat Drop-Down Menu :

1. Login ke blogger.com

2. Masuk ke menu Rancangan (Design) dan pilih Edit HTML

3. Centang Expand Widget Template

4. Cari kode

5. Masukkan kode berikut dibawah kode

Kode diatas berfungsi untuk membuat sebuah JavaScript/HTML di Elemen Laman.

6. Klik  Simpan Template 
7. Masuk ke Elemen Laman
8. Cari Elemen Laman yang bernama Menu, kemudian klik Edit. Lihat Screenshoot !

(Klik Untuk Memperbesar)

9. Masukkan kode dibawah ini

• Home
• 1 Column
  
  
  

  
  

  • Totto 1
  • Totto 2
  • Totto 3
  • Totto 4
  • Totto 5
  • Totto 6
  • Totto 7
  • Totto 8
  • Totto 9
  • More...

  
  
• 2 columns
  
  
  
  

  
  

  Totto 10

  
  

  • Totto 11
  • Totto 12
  • Totto 13

  
  

  
  
  

  
  

  Totto 14

  
  

  • Totto 15
  • Totto 16
  • Totto 17

  
  

  
  
  

  
  

  Totto 18

  
  

  • Totto 19
  • Totto 20
  • Totto 21

  
  

  
  
  

  
  

  Totto 22

  
  

  • Totto 23
  • Totto 24
  • Totto 25

  
  

Ganti kode # dengan URL tujuan. Ganti Totto 1, Totto 2, Totto 3, Totto... dengan anchor teks dari URL tersebut.

10. Kemudian Klik  Simpan 

Mudah bukan ? Sebenarnya semua hal tidak terlalu sulit seperti yang kita bayangkan. Baik, jika anda merasa ada kesulitan atau apapun. Silahkan tulis di kotak komentar dibawah ini. Semoga berhasil.