Halaman statis di Blogger biasanya digunakan untuk menampilkan informasi penting seperti Tentang Kami, Kontak, Kebijakan Privasi, dan halaman pendukung lainnya. Berbeda dengan artikel biasa, halaman ini sering membutuhkan tampilan yang lebih sederhana agar pengunjung dapat langsung membaca informasi yang disajikan.
Pada sebagian template Blogger, judul halaman dan gambar thumbnail masih ditampilkan secara otomatis. Kondisi tersebut terkadang membuat tampilan kurang sesuai dengan desain yang diinginkan, terutama ketika judul sudah dibuat sendiri di dalam konten atau gambar pratinjau tidak diperlukan.
Salah satu cara untuk mengatur tampilan tersebut adalah menggunakan CSS yang dijalankan berdasarkan jenis halaman atau URL tertentu. Dengan metode ini, judul maupun thumbnail dapat disembunyikan tanpa harus menghapus isi halaman. Pengaturan juga bisa dibuat khusus untuk satu halaman sehingga halaman lainnya tetap menggunakan tampilan semula.
Dalam tutorial ini, kamu akan mempelajari cara menyembunyikan judul seluruh halaman statis, mengaturnya hanya pada satu URL, serta menyembunyikan thumbnail apabila template menampilkannya secara otomatis.
Cara Menyembunyikan Judul Semua Halaman Statis Blogger
Jika kamu ingin menghilangkan judul pada seluruh halaman statis, gunakan kondisi data:blog.pageType. Kondisi ini membatasi penerapan CSS pada jenis halaman statis Blogger.
- Masuk ke dashboard Blogger.
- Pilih menu Tema, kemudian buka Edit HTML.
- Cadangkan tema terlebih dahulu agar kamu dapat mengembalikannya jika terjadi kesalahan.
- Cari tag penutup
</b:skin>menggunakan fitur pencarian editor. - Letakkan kode berikut tepat setelah tag tersebut.
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title {
display: none;
}
</style>
</b:if>Simpan perubahan, kemudian buka salah satu halaman statis untuk memeriksa hasilnya. Jika judul masih terlihat, kemungkinan template menggunakan nama class yang berbeda. Periksa elemen judul melalui Inspect Element pada browser, lalu sesuaikan selector CSS dengan struktur HTML tema.
Perlu diperhatikan: kode di atas menyembunyikan elemen yang cocok dengan selector .post-title.entry-title. Kode tersebut tidak otomatis cocok dengan semua template Blogger.
Cara Menghilangkan Judul pada Satu Halaman Saja
Kamu tidak harus menyembunyikan judul di semua halaman. Jika hanya ingin mengatur halaman Tentang Kami, Kontak, atau halaman tertentu lainnya, gunakan kondisi URL agar perubahan tidak diterapkan ke halaman statis yang lain.
Contoh berikut menggunakan URL halaman statis sebagai pembatas:
<b:if cond='data:blog.url == "https://www.tipstechpraktis.my.id/p/about.html"'>
<style>
.post-title.entry-title {
display: none;
}
</style>
</b:if>Ganti URL contoh tersebut dengan alamat lengkap halaman statis yang ingin kamu atur. Pastikan URL sesuai dengan alamat yang digunakan Blogger, termasuk protokol HTTPS, nama domain, dan jalur halaman.
Apabila halaman menggunakan alamat berbeda dari contoh, jangan menyalin URL tersebut begitu saja. Gunakan alamat halaman milikmu sendiri, kemudian periksa hasilnya setelah menyimpan tema.
Cara Menghilangkan Thumbnail di Halaman Statis
Selain judul, beberapa template menampilkan gambar thumbnail atau gambar pratinjau pada halaman statis. Jika gambar tersebut berasal dari elemen khusus template, kamu bisa menyembunyikannya menggunakan CSS.
Sebelum memasang kode, cari tahu class yang membungkus gambar thumbnail. Nama class setiap template dapat berbeda, misalnya .postthumb, .post-thumb, atau selector lain yang ditentukan pembuat tema.
- Buka menu Tema di dashboard Blogger.
- Pilih Edit HTML.
- Cari tag
</head>. - Letakkan kode berikut tepat sebelum tag tersebut.
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.postthumb {
display: none !important;
}
</style>
</b:if>
Kode tersebut hanya akan menyembunyikan elemen yang memakai class postthumb pada halaman statis. Jika thumbnail tetap muncul, ubah selector sesuai dengan class yang ditemukan pada template.
Bagaimana Menemukan Class Thumbnail yang Benar?
- Buka halaman statis yang masih menampilkan thumbnail.
- Gunakan Inspect Element pada browser desktop untuk memeriksa elemen gambar atau pembungkusnya.
- Temukan atribut
classpada elemen tersebut. - Gunakan nama class yang sesuai sebagai selector CSS.
- Muat ulang halaman untuk memastikan gambar yang dimaksud sudah tersembunyi.
Catatan: jangan langsung menyembunyikan semua elemen img atau seluruh class gambar pada tema. Cara tersebut dapat menghilangkan gambar konten yang sebenarnya masih diperlukan.
Apakah Menyembunyikan Judul Halaman Aman untuk SEO?
Menyembunyikan judul menggunakan properti CSS display: none berbeda dengan menghapus judul dari HTML. Elemen yang disembunyikan masih dapat berada dalam kode halaman, tetapi tidak ditampilkan secara visual kepada pengunjung.
Agar halaman tetap mudah dipahami, pastikan judul halaman tetap tersedia secara tepat pada elemen HTML dan informasi dokumen. Jangan menghapus judul halaman dari struktur template hanya untuk mendapatkan tampilan yang lebih minimalis.
Jika kamu memilih menyembunyikan judul bawaan Blogger, sebaiknya tetap sediakan heading utama yang relevan di dalam konten apabila dibutuhkan untuk menjelaskan topik halaman. Hindari membuat judul yang berulang tanpa tujuan, tetapi jangan pula menghilangkan konteks utama halaman hanya demi tampilan.
Perlu diingat bahwa menyembunyikan judul atau thumbnail tidak secara otomatis meningkatkan peringkat pencarian maupun menjamin halaman diindeks Google. Pengindeksan juga dipengaruhi oleh kualitas konten, aksesibilitas halaman, struktur tautan internal, dan faktor teknis lainnya.
Tips Sebelum Mengubah HTML Tema Blogger
- Cadangkan tema: simpan salinan XML sebelum mengubah kode.
- Gunakan selector spesifik: hindari selector terlalu luas yang berpotensi memengaruhi bagian lain.
- Uji halaman lain: pastikan judul dan thumbnail postingan biasa tetap tampil sesuai kebutuhan.
- Periksa tampilan seluler: pastikan perubahan tidak merusak tata letak di layar kecil.
- Periksa hasil akhir: buka halaman dalam mode normal dan pastikan konten utama tetap terbaca.
Kesimpulan
Menghilangkan judul dan thumbnail halaman statis di Blogger dapat dilakukan menggunakan CSS tanpa menghapus isi halaman. Kamu bisa menerapkan perubahan pada semua halaman statis atau membatasinya pada satu URL sesuai kebutuhan desain blog.
Hal terpenting adalah menggunakan selector yang benar-benar sesuai dengan template. Sebelum menyimpan perubahan, lakukan pencadangan tema dan periksa kembali halaman statis maupun postingan biasa untuk memastikan tidak ada elemen penting yang ikut tersembunyi.
Untuk menjaga kualitas SEO, tetap perhatikan struktur judul, isi konten yang bermanfaat, tautan internal, dan pengaturan teknis halaman. Perubahan tampilan sebaiknya membantu pengunjung membaca konten dengan nyaman, bukan sekadar menghilangkan elemen tanpa mempertimbangkan fungsinya.
Jika kamu ingin menyesuaikan tampilan blog lebih lanjut, baca juga panduan cara lengkap memasang template Blogger untuk mempelajari pengaturan tema dan tata letak blog.
FAQ
Apakah judul halaman statis Blogger bisa disembunyikan?
Bisa. Kamu dapat menggunakan CSS untuk menyembunyikan elemen judul pada semua halaman statis atau membatasi perubahan pada URL tertentu.
Mengapa kode CSS tidak berfungsi pada template saya?
Penyebabnya bisa berupa perbedaan nama class, struktur HTML, atau aturan CSS lain pada template. Periksa elemen yang ingin disembunyikan menggunakan Inspect Element, kemudian sesuaikan selector.
Bisakah judul disembunyikan hanya pada satu halaman statis?
Bisa. Gunakan kondisi URL halaman pada template Blogger, lalu terapkan CSS hanya ketika kondisi tersebut terpenuhi.
Apakah menyembunyikan judul dan thumbnail memengaruhi SEO?
CSS hanya mengubah tampilan elemen, bukan otomatis menghapusnya dari HTML. Namun, perubahan ini tidak menjamin peningkatan SEO atau pengindeksan. Pastikan halaman tetap memiliki judul dan konten yang jelas serta dapat diakses oleh mesin pencari.
