Langsung ke konten utama

Postingan

Menampilkan postingan dengan label mega menu

Cara membuat full menu professional dengan tombol hamburger untuk blog

Navigasi menu selalu penting untuk blog, ia menambah nilai yang signifikan karena dapat meningkatkan trafik, dan membuat pengunjung bertahan lebih lama di halaman web. Dan untuk membuat sebuah menu navigasi atau navbar perlu di pertimbangkan dua hal: Kemudahan. Pengunjung mudah mengerti bagaimana menggunakannya Ke indahan. Secara visual enak dipandang mata Well, well itu semua subjektif, tetapi pada faktanya selalu ada bentuk desain yang disukai oleh lebih banyak pengunjung, bukan? Kali ini saya akan membagikan trik membuat menu navigasi dan saya menerapkannya lagi lagi ke dalam template Essentials. DEMO Cara ini akan menjadi opsi meletakan dan membuat menu tanpa batas dan membuatnya lebih fokus karena tampil penuh pada halaman. Jika ingin menampilkan menu tersebut cukup dengan menekan tombol menu hamburger. Langkah menerapkannya adalah: 1. Memasang ajax Masuk ke pengaturan blogger Pilih tema Pilih Edit HTML Anda di haruskan memasan link ajax supaya fungsi hamburger menu bekerja, dan m

CARA MEMBUAT MEGA MENU NAVIGASI BLOGSPOT FIXED SEDERHANA

Saya membuat dan mengedit Mega Menu ini melalui editor online w3school Trik ini saya temukan ketika asik mengutak atik mega menu di w3school, lalu saya rombak dan kombinasikan dengan tombol pencarian yang telah saya buat sebelumnya. Mungkin menjadi solusi yang bagus untuk teman teman dan sobat sobat semua dalam pembuatan megamenu. Alasannya adalah: Pertama : Megamenu ini telah saya buat agar bisa diterapkan ke hampir semua template bawaan (default) blogspot dengan mudah. Saya menerapkannya pada template contempo. Kedua: Tidak memerlukan tambahan JavaScript. (Kecuali untuk menu pencariannya) Ketiga: Kodenya sederhana dan mudah diterapkan Keempat: Navigasinya adalah "Fixed" artinya tetap berada diatas header walaupun halaman atau konten blog di scroll kebawah dan keatas. Hebat, bukan? Kelima: Berbeda dengan Tips MegaMenu yang saya tulis sebelumnya, Trik kali ini sudah dapat diterapkan langsung ke blog sobat karena sudah saya buat responsive dan m

CARA MEMBUAT NAVIGASI MEGA MENU BLOGGER

gambar megamenu Saran: terapkan ke template bawaan blogger simple atau awsome yang sudah di modifikasi menjadi responsive dan mobile friendly. Walaupun bisa diterapkan tanpa di modifikasi namun tampilannya di hape tidak mobile friendly nantinya kami akan menyediakan template template bawaan yang sudah di modifikasi secara gratis namun minus navigasi menu demi untuk pembelajaran. Mega menu ini dapat diterapkan dengan mudah ke dalam template template default/bawaan blogger seperti Tema awsome, perjalanan dan sederhana. Akan tetapi dengan catatan ia hanya bekerja apabila blog bersifat terbuka secara umum basis kerjanya adalah JQuery library dan Json feed API, ia hanya akan bekerja layaknya menu navigasi drop down biasa jika JavaScript di non aktifkan. Langkah pertama: buat HTML 1. Pengaturan>Theme/Template 2. Pilih EditHTML 3. Tekan ctrl+f>pada kotak pencarian ketikan: <div class='main-outer'> 4. Masukka kode beriku

CARA MEMBUAT NAVIGASI MEGA MENU BLOGGER

Ada yang bertanya bagaimana cara membuat mega-menu seperti pada tampilan tema blog yang sedang dipakai oleh editblogtema sekarang? Jadi itu karena sobat membukanya melalui laptop atau desktop dan menggunakan mouse. Menyentuhkan mouse pada menu bagian "fitur" akan menghidupkan efek MegaMenu. Saya ingin sekali menuliskan detailnya. Tapi itu akan menjadi tutorial yang cukup panjang dan tidak nampak sebagai hal sederhana, kesederhanaan yang sangat dijunjung tinggi pada editblogtema. Yang penting sobat dapat mengerti tulisan kami sudah sangat senang sekali. Membuat mega menu dasar tidaklah sulit, tetapi karena beberapa tema telah kami customize, tentu saja mengakibatkan perbedaan daripada trik pemasangan atau pembuatan mega-menu, misalnya jika sobat sentuh menu "fitur" pada menu navigasi editblogtema ini khusus pada tablet, laptop dan layar yeng lebih besar maka mega menu otomatis akan muncul, namun tidak buat hape! Fungsi media query berbeda dan mega menu telah di

PRILAKU MEGAMENU DAN RELATED POST PADA BEBERAPA BLOG

Saya memutuskan menulis, (atau mencatat biar tidak lupa) pada blog ini karena hal ini juga bisa terjadi pada saat memasang template custom blogger lainnya. Jika sobat mengalami hal ini pada saat penggantian tema lama  ke tema baru buatan editblog: Related post tidak bekerja atau tidak mucul, padahal pada tema sebelumnya tidak terdapat masalah Megamenu yang terdapat pada salah satu template buatan kami tidak bekerja Kedua hal diatas ternyata saling terkait, dan cara menyelesaikannya biasanya dengan cara yang sama. LANGKAH PERTAMA: MENYAMAKAN TANGGAL. Masuk kepengaturan blog>>Tataletak>>Main Post, dan perhatikan setting tanggal, samakan semua. Save dan kembali ke pengaturan >> Setelan >> Lainnya, sekali lagi samakan setiing tanggalnya dengan tanggal pertama tadi: Jika tanggalnya sudah sama Save. LANGKAH KEDUA: FULL FEED Ini untuk mengatasi megamenu yang tidak mau tampil. Megamenu itu tampil saat cursor mouse laptop/desktop/tablet

Copyright© EDITBLOGTEMA . All rights reserved.