Cara Membuat Menu Dropdown Di Blog Dengan Mudah Terbaru

Menu drop-down adalah menu navigasi dengan menu drop-down yang bergerak saat menjelajahi blog, WordPress, dan situs web. Saya sudah berbagi cara membuat menu bar di blog tanpa mengubah html/css/php ke layar default . Meskipun menu single tab ini berbeda dengan menu sebelumnya, namun dapat memiliki banyak submenu, sehingga pengunjung dapat membuat menu tambahan untuk melihat semua konten blog dengan mudah dan cepat. Selain itu, menambahkan menu tarik-turun ini ke blog Anda akan membuat blog lebih profesional dan menarik. Instalasi tidak sulit untuk pemula, dengan menambahkan skrip kode HTML dan CSS ke template blog, daftar drop-down yang indah ini akan muncul di layar blog dan Anda dapat menyimpan daftar teka-teki ini di menu drop-down. Tempatkan keduanya di bawah dan di atas judul. Tulis blog Anda secara horizontal sesuka Anda.

Pada titik ini, saya ingin berbagi dengan Anda cara mudah menavigasi menu drop-down di blog terbaru . Silakan ikuti tutorial langkah demi langkah bagi yang ingin menambahkan menu drop-down ke menu yang menyenangkan, unik, dan keren. Ke blog.

Buat daftar drop-down menggunakan CSS

1. Buat menu tarik-turun dengan masuk ke menu template dan klik Edit HTML

2. Kemudian dapatkan kodenya]]> , Gunakan Ctrl + F untuk pencarian mudah

3. Kemudian ketikkan kode berikut di awal kode]]>

/ * Daftar Drop Horizontal ---------------------------------- - - - - - ---- - * / #menurapperpic {Background URL (http://2.bp.blogspot.com/-eVufkC686Cw/TwGo8YalWwI/AAAAAAAAAYM/tWP7l3ENpjY/s1600/menubar.png) Repeat-x; D: 940 piksel; Tepi: 0 otomatis; Layar datar 0 otomatis} #menurapper {de 940 piksel; Tinggi: 35 piksel; Tepi tajam 0 otomatis} .menusearch {de: 300 piksel; Arahkan kursor ke kanan; Tepi: 0 otomatis; Isi: 0 auto} .clearit {Hapus: keduanya; Tinggi desc 0; Tinggi baris: 0,0; Ukuran font 0 fr fr 100%} #menubalk, #menubalk {ዘይቤ Detail tidak tersedia; Keluarga font: Arial, serif; Tepi tajam 0; Isi slide 0} #menubalk a Blok penyaringan; Dekorasi teks: Tidak ada; Ukuran huruf: 12 piksel; Berat font: 700; huruf kapital transliterasi; Warna mati #CECF; Batas: tunggal 1 piksel # 191919; Isi: 12 piksel 10 piksel 8 piksel} #menubalk a.trigger {URL pengurutan gambar latar (http://3.bp.blogspot.com/-LzmPTNyRETZpofj/AAAAAAAAATO/oisHmXUj0SY.gif); Kembali Ulangi: Tidak Diulang; Posisi latar belakang putih tengah kanan; Isi: 12 piksel 24 piksel 8 piksel 10 piksel} #menubalk li (floating: floor; space clear; en automatic opening} #menubalk ul li, #menubalk ul li {en: 170px} #menubalk ul li a {text-align : sola; warna: #ff; ukuran font: 12 piksel; berat font: 400; perubahan teks: tidak; keluarga font menulis Arial; tidak ada batasan membaca; indeks: 100; tidak ada spasi; tidak ada layar tampilan; latar belakang #222; pengisian latar belakang: 5 piksel; -mos-box-shadow: 0 2px 2px rgba (0,0,0,0.6); - webkit-box-shadow : 0 2px 2px rgba (0,0,0,0.6)} #menubar li: action a, #menubar a: aktif, #menubar a: fokus, #menubar li.hvr a {background color full #222; color paint # E98C0A} #Minubar li ሆ ሆ men men ፡ ፡ } } # pria pria pria pria pria pria pria pria pria # # # # # # # # # # # # # # # # # # } #menubalk li ul li.hr {Boundary-down border 1 pixel solid # 444; atas batas: 1 piksel solid # 000; pemblokiran penghapusan layar; ukuran font: 1 piksel; tinggi jelas 0; tinggi garis: 0; tepi sirkum 4 piksel 0} #menubalk ul a: melayang {background-color color # 555! Penting; warna : #ff!Penting;

Gunakan # kode warna biru untuk mencocokkan model Anda dengan lebar menu tarik-turun

4. Temukan kodenya lagi Gunakan Ctrl + F untuk menyederhanakan

5. Kemudian salin kode berikut.

• di rumah


• Tentang manajer


• hubungi kami
  
  
  
  • Google +
  
  
  • Indonesia
  
  
  • Facebook
  
  
  
  


• Buku teks


• Tips dan trik
  
  
  
  • Komputer
  
  
  • 
    
  • ruang blog
  
  
  • 
    
  • Internet
  
  
  • 
    
  
  


• Perangkat lunak
  
  
  
  • Aplikasi
  
  
  • 
    
  • permainan
  
  
  • 
    
  • Perlindungan antivirus
  
  
  • 
    
  • Sistem operasi Windows
  
  
  • 
    
  • Administrator
  
  
  • 
    
  • Retakan
  
  
  • 
    
  • Perampok
  
  
  
  

# Ganti kode warna biru dengan nama menu dan submenu
# Ganti kode merah dengan URL target menu
Ubah warna hijau ke alamat blog Anda

Jika ya, masukkan semua kode langsung di bawah kode Dan klik Simpan Template. Selesai dan lihat hasilnya

Selain membuat menu drop-down di bagian atas header, Anda juga dapat memasukkan kode di atas header blog dengan menyisipkan sedikit di atas kode pada langkah 5.

tidak, saya tidak

. Atau tambahkan widget di akhir judul blog, sidebar, atau bawah, cukup klik untuk membuat menu, dan simpan dengan mengetik langkah 5.

Jadi, inilah cara cepat dan mudah untuk membuat daftar drop-down di blog Anda.

coba lagi