Close Menu
    Facebook Instagram YouTube RSS
    • Start A Website
    • Let’s Collab!
    • Courses & Tools
    • Resources
    • Web Hosting
    Facebook Instagram YouTube RSS
    Sandi Hermawan
    • Home
    • AI Tools
    • Produk Digital
    • Hosting
    • SEO
    • Terbaik
    • Website
    • WordPress
    Home»WordPress»Elementor»Cara Membuat Header Footer Builder di Elementor

    Cara Membuat Header Footer Builder di Elementor

    30 May 2023Updated:31 December 20253 Mins Read Elementor 39 Views

    Table of Contents

    Toggle
    • Langkah 1: Instalasi dan Aktivasi Plugin
    • Langkah 2: Buat Template Header
    • Langkah 3: Membuat Template Footer
    • Langkah 4: Mengaitkan Template dengan Halaman atau Postingan

    Assalamualaikum, Teman-teman? hari ini kita akan Belajar Tutorial Membuat Header Footer Builder di Elementor Dengan Elementor Header & Footer Builder Plugin

    Untuk membuat header dan footer dengan menggunakan plugin Elementor Header & Footer Builder, ikuti langkah-langkah berikut:

    Langkah 1: Instalasi dan Aktivasi Plugin

    • Pertama, pastikan Anda sudah menginstal dan mengaktifkan plugin Elementor Header & Footer Builder di situs web WordPress Anda. Jika belum, cari plugin ini di direktori plugin WordPress dan instal serta aktifkan.

    Langkah 2: Buat Template Header

    • Setelah mengaktifkan plugin, buka halaman dasbor WordPress Anda.
    • Di menu samping, klik “Header Footer Builder” untuk masuk ke area pengaturan plugin.
    • Di sana, klik “Add New” untuk membuat template header baru.
    • Anda akan diarahkan ke editor Elementor untuk membuat header.
    • Pilih tata letak yang Anda inginkan atau mulai dari awal dengan tata letak kosong.
    • Gunakan widget Elementor seperti gambar, teks, menu navigasi, ikon, dll., untuk membangun header sesuai keinginan Anda.
    • Sesuaikan pengaturan dan gaya header sesuai kebutuhan Anda.
    • Setelah selesai, klik “Publish” untuk menyimpan template header Anda.

    Langkah 3: Membuat Template Footer

    • Kembali ke halaman dasbor WordPress.
    • Klik “Header Footer Builder” di menu samping untuk kembali ke pengaturan plugin.
    • Klik “Add New” untuk membuat template footer baru.
    • Anda akan diarahkan ke editor Elementor untuk membuat footer.
    • Gunakan widget Elementor untuk membangun footer, seperti teks, ikon sosial media, navigasi tambahan, atau informasi kontak.
    • Sesuaikan pengaturan dan gaya footer sesuai kebutuhan Anda.
    • Klik “Publish” untuk menyimpan template footer Anda.
    Baca Juga  Cara Menambah Keamanan, Membunyikan Nama Theme dan Plugin di WordPress

    Langkah 4: Mengaitkan Template dengan Halaman atau Postingan

    • Setelah membuat template header dan footer, kembali ke halaman atau postingan yang ingin Anda terapkan header dan footer tersebut.
    • Di editor Elementor, Anda akan melihat tab “Edit with Elementor” di bagian atas halaman atau postingan. Klik tab ini untuk membuka editor Elementor.
    • Di editor Elementor, Anda akan melihat widget “Header” dan “Footer” di panel widget.
    • Seret widget “Header” ke bagian atas halaman dan widget “Footer” ke bagian bawah halaman.
    • Setelah itu, pada widget “Header” dan “Footer”, klik ikon setelan untuk memilih template header dan footer yang telah Anda buat sebelumnya.
    • Setelah memilih template, klik “Update” atau “Publish” untuk menyimpan perubahan.

    Sekarang, halaman atau postingan Anda akan menampilkan header dan footer yang telah Anda buat dengan plugin Elementor Header & Footer Builder. Anda dapat membuat template header dan footer baru, mengeditnya, dan menghubungkannya dengan halaman atau postingan yang berbeda sesuai kebutuhan Anda.

    Download Elementor Header & Footer Builder Plugin

    Saya lebih suka ketika anda bertanya tentang topik yang sedang dibahas, atau ingin request tentang yang lain? langsung aja ▼ di Komentar

    Share. Facebook WhatsApp Twitter Pinterest Copy Link
    Avatar photo
    Sandi Hermawan
    • Facebook
    • X (Twitter)
    • Instagram

    Perkenalkan saya Sandi Hermawan, seorang praktisi digital marketing yang memulai karir sebagai Web Developer. Saya memiliki spesialisasi dalam WordPress, SEO, copywriting, serta strategi pemasaran digital. Saya ingin berbagi pengalaman, informasi dan tips dan trik.

    Related Posts

    5 Plugin SEO WordPress Terbaik 2025

    29 November 202412 Mins Read

    Cara Memasang Whatsapp Chat di WordPress

    11 November 20243 Mins Read

    Cara Memasang Google Analytics Tracking di WordPress

    11 November 20243 Mins Read

    Cara Membuat Maintenance Mode di Elementor

    30 January 20242 Mins Read

    Cara Optimisasi & Meningkatkan Keamanan di WordPress

    30 January 20244 Mins Read

    Cara Menambah Keamanan, Membunyikan Nama Theme dan Plugin di WordPress

    8 June 20233 Mins Read
    Trending
    • 5 Platform Clipper Indonesia Terbaik 2026
    • 5 Website Hadist Online Terbaik 2025
    • 5 Website Support Konten Kreator Terbaik 2025
    • All In One Tools Untuk Optimasi Semua Akun Sosmed – TubeTrendy Neo
    • 3 Website Info Gadget Terbaik 2025
    • 10 Website Audio Al-Qur’an MP3 Terbaik 2025
    • Broadcast WhatsApp Paling Simple dan Mudah – Sebaran
    • 10 Langkah Awal Membuat Blog Profesional untuk Pemula
    • 10 Website Al-Qur’an Online Terbaik 2025
    • Software Untuk Membantu Broadcast Pesan WhatsApp Sekali Klik – WBSPro
    © 2026 Sandi Hermawan All Right Reserved. Support by SyamilStudio.
    • About
    • Contact
    • Privacy Policy
    • Disclaimer
    • TOS
    • Powered By Hostinger

    Type above and press Enter to search. Press Esc to cancel.