Postingan

Menampilkan postingan dengan label mega menu

Cara membuat full menu professional dengan tombol hamburger untuk blog

Gambar
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

Gambar
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
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

Gambar
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

Gambar
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

Labels

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi apple ARM Art Of War artikel sabtu asesories autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa bank btn batam beautiful beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blockquote blog blogcomments blogger bloggerhelp blogging Blogging mobile bloging blogspeed blogspot bluetooth bootstrap border dash breadcrumb browser btn mobile bugs Buku business capital letter cara catatan catatan awal tahun Cek IMEI Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codepen coding compose contact form contempo contempo base contempo blackmagic contempo hibrida contempo hybrid converter coolest copy-paste copyright covid 19 covid_19 cowok CPC credit footer css CTR cuitan curhat cybercrime Dahlan Iskan dark mode dasbor data default Demo desain diblokir dirtylink disway DOM domain domain authority Donald Trump download download template terbaru dropdown earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik Elle Darby embed emoji emporio emporio hybrid english error essential expires header expires headers facebook fakta fanpage fast loading template fastloading template favicon featured posts feed burner firefox fitur fixed fixed sidebar font font awsome footer footer link Footer navigasi forbes Free friendship fuchsia full stacks furure g-suite gadget gagdet galeri gambar gambar bergoncang gambar profile penulis gambar responsive game generasi Alpha Generasi Z geng motor genius gerhana girl gmail Gmetrix gong xi fa cai good news google google chrome Google Domain google drive google font Google honemoon google Plus google search console google webmaster Googlewebmaster gradasi warna grafik gramedia gratis grid style GTmetrix h1 Habibie hack hacker halaman web hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html huawei hukum human Idulfitri Iklan ikon Imlek in memories indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram intel inteligensia internal link internasional internet internt interntet interntt intert iOS iPad iPadOS iPhone isu IT italia Jaime Ocabo java JavaScript jimdo jin Ping jingling Jokowi jQuery JSitor kaca pembesar kafe kalimantan kalkulus kamera kanonis kartun keamanan keamanan blogger kebijkan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword kiata G+ klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi kota kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label laptop lay out lay out version 3 theme layarlipat layout lazyload lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation moz myths nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parasit parse pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengusaha Penulis perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perubahan pexel phablet PHP plagiat plagiator PlagScan play store polemik politik ponsel popularitas popularposts portable powered by blogger Powerpoint prediksi premium privasi produk profesi profile programmer programming programming. prosesor pseudo-sains psikologi Python rahasia ramalan ranking faktor rawgit re-desain re-desain tema blogger React Reactions read more recentPosts redesain related posts remaja resolusi responsinator responsive review robot robot.txt sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars sticky sidebar sticky widget Strategi SEO Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tabel tablet tabs2 tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan template template premium template premium gratis template SOHO template versi ke-2 terkemuka tes popularitas testimoni testmysite text theme Thucydides tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorialKhusus twitter uang UAS unduh unik update urang utan ustazd Abdul Somad vanilla Script video viomagz viral virus corona vlogging vue w3-css w3school W3Shool wabah warna web web story WebAssembly webdesign WEBP website whatsapp widget wifi ID windows Windows Mobile wisata WIX wordpress X-Frame xiomi xml yandex youtube youtuber z-index
Tampilkan selengkapnya

Follow by Email