Whitespace

  • Business
  • _Strategy
  • _Economy
  • _Finance
  • _Retail
  • _Advertising
  • _Careers
  • _Media
  • _Real Estate
  • _Small Business
  • _The Better Work Project
  • _Personal Finance
  • Tech
  • _Science
  • _AI
  • _Enterprise
  • _Transportation
  • _Startups
  • _Innovation
  • Markets
  • _Stocks
  • _Indices
  • _Commodities
  • _Crypto
  • _Currencies
  • _ETFs
  • Lifestyle
  • _Entertainment
  • _Culture
  • _Travel
  • _Food
  • _Health
  • _Parenting
  • Politics
  • _Military & Defense
  • _Law
  • _Education
  • Reviews
  • _Tech
  • _Streaming
  • _Tickets
  • _Kitchen
  • _Style
  • _Beauty
  • _Gifts
  • _Deals
  • Video
  • _Big Business
  • _Food Wars
  • _So Expensive
  • _Still Standing
  • _Boot Camp
  • Search Button
  • Docs
  • Home
  • Docs

Cara Mengonfigurasi Fitur Hamburger Menu

By Ishar Yulian Satriani
January 04, 2025
Table of Contents

Cara Mengonfigurasi Fitur Hamburger Menu

Menambahkan Item Menu ke Menu Navigasi

  1. Masuk ke Dashboard Blogger > pilih menu Tata Letak.

  2. Cari bagian yang berjudul Hamburger Menu.

  3. Klik tombol edit (ikon pensil) di Navigation Drawer (Link List gadget).

  4. Akan muncul pop-up konfigurasi Widget.

  5. Di kolom Judul, masukkan teks judul widget sesuai keinginan (Opsional).

  6. Di kolom Jumlah item yang tampil di daftar, biarkan pengaturan tetap pada nilai default.

  7. Di bagian Pengurutan, biarkan pengaturan tetap pada nilai default.

  8. Di bagian Daftar link, ikuti langkah berikut:

    • Klik TAMBAHKAN ITEM BARU
    • Di kolom Nama situs, masukkan nama menu.
    • Di kolom URL situs, masukkan link tujuan.
    • Klik tombol SIMPAN di sampingnya jika sudah.
  9. Setelah semua dikonfigurasi klik tombol SIMPAN.

  10. Selesai

Menambahkan Item Submenu ke Menu Navigasi

  1. Masuk ke Dashboard Blogger > pilih menu Tata Letak.

  2. Cari bagian yang berjudul Hamburger Menu.

  3. Klik tombol edit (ikon pensil) di Navigation Drawer (Link List gadget).

  4. Akan muncul pop-up konfigurasi Widget.

  5. Di kolom Judul, masukkan teks judul widget sesuai keinginan (Opsional).

  6. Di kolom Jumlah item yang tampil di daftar, biarkan pengaturan tetap pada nilai default.

  7. Di bagian Pengurutan, biarkan pengaturan tetap pada nilai default.

  8. Di bagian Daftar link, ikuti langkah berikut:

    • Klik TAMBAHKAN ITEM BARU
    • Di kolom Nama situs, masukkan nama menu.
    • Di kolom URL situs, masukkan tanda #.
    • Buat item menu baru lagi di bawah menu yang sebelumnya dibuat dan beri tanda _ di awal judul, seperti contoh _Submenu
    • Pada kolom URL situs, masukkan link tujuan.
    • Klik tombol SIMPAN di sampingnya jika sudah.
  9. Setelah semua dikonfigurasi klik tombol SIMPAN.

  10. Selesai

Menambahkan Ikon ke Item Menu

  1. Anda harus mengunjungi situs web Material Design Icons. Di sana Anda dapat memilih berbagai jenis ikon SVG, yang nantinya akan diambil dan disimpan di Menu Navigasi.

  2. Pilih salah satu dari menu ikon yang tersedia, misal pilih menu ikon Plus.

  3. Salin kodenya di bagian Item Menu. Misalnya seperti contoh kode di bawah ini:

    <svg fill="currentColor" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg> NAMA ITEM MENU
  4. Selesai


Cara Mengonfigurasi Fitur Social Media

  1. Masuk ke Dashboard Blogger > pilih menu Tata Letak.

  2. Cari bagian yang berjudul Hamburger Menu.

  3. Klik tombol edit (ikon pensil) di Social Media (Link List gadget).

  4. Akan muncul pop-up konfigurasi Widget.

  5. Di kolom Judul, masukkan teks judul widget sesuai keinginan (Opsional).

  6. Di kolom Jumlah item yang tampil di daftar, biarkan pengaturan tetap pada nilai default.

  7. Di bagian Pengurutan, biarkan pengaturan tetap pada nilai default.

  8. Di bagian Daftar link, ikuti langkah berikut:

    • Klik TAMBAHKAN ITEM BARU
    • Di kolom Nama situs isi dengan judul menu.
      contoh: Facebook, LinkedIn, Instagram, Dribbble, YouTube, X, TikTok, Pinterest, Telegram, WhatsApp, Threads, Google News.
    • Di kolom URL situs, masukkan link tujuan.
    • Klik tombol SIMPAN di sampingnya jika sudah.
  9. Setelah semua dikonfigurasi klik tombol SIMPAN.

  10. Selesai


Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.
Tags:
  • Docs
Share:
Also read
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
Ishar Yulian Satriani
Ishar Yulian Satriani
Front-end web developer at Gila Temax.
Follow me on: Instagram
More documentaion
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
Latest news
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
  • Skeleton Image
Show more
Post a Comment
Cancel
Most popular
  • Components

    January 01, 2025
    Components
  • Landmark California diner closes after 8 decades

    June 30, 2025
    Landmark California diner closes after 8 decades
  • Inside China's first Legoland theme park

    April 07, 2025
    Inside China's first Legoland theme park
  • Unlikely California family farm becomes an international destination

    June 29, 2025
    Unlikely California family farm becomes an international destination
  • Job-seeking platforms Indeed and Glassdoor to slash 1,300 jobs as parent company bets on AI

    June 04, 2025
    Job-seeking platforms Indeed and Glassdoor to slash 1,300 jobs as parent company bets on AI
Most popular tags
  • Business
  • Discourse
  • Docs
  • Economy
  • Lifestyle
  • Markets
  • Photo
  • Tech
  • Video
  • Whitespace News
Gila Temax
Company
  • About Us
  • Careers
  • Advertise With Us
  • Contact Us
Legal & Privacy
  • Terms of Service
  • Privacy Policy
  • Accessibility
  • Disclaimer
News
  • Markets
  • Economics
  • Technology
  • Politics
Market Data
  • Stocks
  • Commodities
  • Rates & Bonds
  • Currencies
Copyright © 2025 Whitespace from Gila Temax. All rights reserved.
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo
  • Network Logo