Tapike.com

Cara Membuat Mega Menu Di Blog

Cara Membuat Mega Menu Di Blog
Cara Membuat Mega Menu Di Blog -  Pada kali ini kita akan membahas cara membuat mega menu atau membuat mega menu dengan gambar di blog. Mega menu hampir sama dengan menu dropdown yang biasa kita lihat, tapi mega menu ada yang memiliki submenu yang banyak atau menampilkan gambar sesuai dengan kategori. Kebanyakan orang membuat mega menu dengan css hanya menampilkan link dengan jumlah yang banyak. Sedangkan mega menu yang akan kita buat akan menampilkan gambar atau thumbnail dari setiap postingan dan otomatis. Bagi yang ingin membuat mega menu di blog, simak langkah dibawah ini.

Live Demo

CSS Mega Menu Blog

  • Login ke akun blogger.
  • Kemudian klik menu template.
  • Klik edit html.
  • Pastekan css berikut diatas ]]></b:skin>.

Javascript Mega Menu Blog

  • Login ke blogger.
  • Kklik menu template.
  • Edit html.
  • Pastekan script berikut diatas </head>.

HTML Mega Menu Blog

  • Masuk ke blogger.
  • Klik menu tata letak.
  • Klik tambahkan element/ add gadget.
  • Lalu pilih HTML/Javasript.
  • Kemudian pastekan kode di bawah ini.

Pengaturan

Jika mega menu tidak bisa meload gambar, tambahkan Jquery berikut bersamaan dengan javascript di atas, namun jika blog Anda sudah memiliki jquery versi lain lewati langkah ini.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
Demikianlan penjelasan saya mengenai cara membuat mega menu atau cara membuat mega menu dengan gambar di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Bila ada yang kurang paham bisa tanyakan lansung melalui form komentar di bawah dan jangan lupa di like atau share.
2 Comments Blogger
Disqus
  1. malam gan...ijin make.
    ohya, javascript ko eror caranya gimana gan..
    errornya seperti ini :
    Kesalahan saat mengurai XML, baris 1056, kolom 282: The entity name must immediately follow the '&' in the entity reference.

    BalasHapus
    Balasan
    1. Coba javascriptnya di parse dulu gan, untuk parse javascriptnya bisa di html parse

      Hapus


Join This SiteInstagram