Beberapa pemilik blog seringkali ingin menyembunyikan header dan footer pada halaman tertentu. Menyembunyikan header dan footer dari halaman tertentu itu cukup mudah dilakukan di Blogger. Caranya cukup sangatlah mudah, cukup tambahkan beberapa baris kode CSS ke halaman yang diinginkan.
Apa Gunanya Menghilagkan Header dan Footer?
Menghapus header dan footer berguna jika kamu memiliki halaman seperti lead magnet, freebie, atau halaman penjualan. Fungsinya untuk memastikan pengunjung hanya fokus pada penawaran atau ajakan tindakan yang ada di halaman tersebut.
Jika Kamu merasa tertarik, pada artikel ini saya akan menjelaskan langkah yang bisa kamu terapkan.
Langkah Menghilangkan Header dan Footer di Blogger
1. Pilih Halaman yang Akan Diedit
Login ke akun Blogger dan buat atau buka halaman yang akan diedit.
2. Tambahkan Kode CSS
Salin kode CSS berikut dan tempel di halaman tepat di bawah teks artikel.
<style>
.header, .footer {
display: none !important;
}
</style>
3. Simpan Perubahan
Setelah kode ditambahkan, klik tombol Perbarui atau Simpan untuk menerapkan perubahan.
Penjelasan Kode CSS
Kode CSS yang digunakan cukup sederhana:
.header: Class untuk bagian atas halaman blog (logo, menu navigasi, dll)..footer: Class untuk bagian bawah halaman blog (informasi tambahan, hak cipta, dll).display: none !important;: Perintah untuk menyembunyikan elemen ini sepenuhnya.
Kode ini hanya berlaku untuk halaman tertentu sehingga elemen lainnya tidak terpengaruh.
Semoga artikel ini membantumu untuk membuat halaman blog lebih sesuai kebutuhan. Jika ada pertanyaan, silahkan tulis di kolom komentar!