Cara Praktis Menyembunyikan Elemen Blog dengan Code Script CSS

Assalamu’alaikum Wr. Wb.

Halo Sahabat Muchopick! Bagaimana kabarnya? Semoga selalu dalam keadaan sehat dan penuh keberkahan. Menjelang bulan suci Ramadan yang penuh hikmah, mari kita tingkatkan kualitas iman melalui amalan wajib, sunnah, serta memperbanyak sedekah jariyah kepada sesama.

Pada kesempatan kali ini, saya ingin berbagi tutorial teknis yang sering ditanyakan: Cara menyembunyikan elemen atau konten tertentu di blog. Teknik ini sangat berguna jika Anda ingin menyembunyikan iklan, widget, atau teks tertentu tanpa harus menghapus kodenya secara permanen.

---

Tutorial: Menggunakan CSS Display None

Metode yang paling umum dan ringan adalah menggunakan properti CSS display: none;. Anda cukup memasukkan ID atau Class dari elemen yang ingin disembunyikan ke dalam script di bawah ini.

📋 Salin Code Script Berikut: <style> /* Ganti #ID-ELEMEN dengan ID elemen yang ingin disembunyikan */ #iklan-tengah1, #iklan-atas, #iklan-bawah { display: none !important; } </style> *Tips: Klik di dalam kotak untuk memblok semua kode (Ctrl+A), lalu Copy (Ctrl+C).

Cara Pemasangan:

1. Login ke Dashboard Blogger Anda.
2. Pilih menu Tema > klik tanda panah bawah di samping 'Sesuaikan' > Edit HTML.
3. Cari kode </head> (gunakan Ctrl+F).
4. Tempelkan kode di atas tepat sebelum atau di atas kode </head> tersebut.
5. Klik Simpan.

Dengan cara ini, tampilan blog Anda akan menjadi lebih rapi dan bersih dari elemen-elemen yang tidak diinginkan secara instan.

Demikian sharing singkat dari saya. Semoga bermanfaat bagi teman-teman semua. Jika ada kendala, jangan ragu untuk bertanya di kolom komentar ya!

Wassalamu’alaikum Wr. Wb.

Location:

Mas Pi'i Positif tinking, penyabar, suka mengalah, suka sharing, ulet, jujur, konsisten.

Berbagi :