Menghilangkan Judul (Page Title) Halaman Statis

Panduan menghapus title halaman statis Blogger melalui pengaturan template HTML supaya tampilan blog lebih rapi, bersih, dan profesional.
gambar artikel [keyword]

Dalam pengelolaan blog, tampilan halaman statis (static page) sering kali menjadi bagian penting yang mencerminkan kualitas dan profesionalitas sebuah website. Halaman seperti “About”, “Contact”, atau halaman khusus lainnya idealnya memiliki desain yang lebih bersih dan fokus pada isi konten, tanpa elemen yang tidak diperlukan.

Namun, pada beberapa template Blogger, judul halaman (title) dan thumbnail gambar masih otomatis ditampilkan di halaman statis. Hal ini terkadang membuat tampilan menjadi kurang rapi, bahkan bisa menimbulkan kesan duplikasi visual jika judul sudah ditampilkan di bagian lain halaman.

Selain itu, tidak jarang thumbnail yang muncul memiliki tautan aktif ke halaman yang sama, sehingga kurang efektif dan berpotensi mengganggu pengalaman pengguna. Oleh karena itu, banyak blogger memilih untuk menghilangkan elemen tersebut agar tampilan halaman statis lebih minimalis, nyaman dibaca, dan tetap SEO friendly.

Cara Menghilangkan Judul Halaman Statis di Blogger

  1. Buka menu Tema di dashboard Blogger.
  2. Klik Edit HTML.
  3. Salin dan tempelkan kode berikut tepat di bawah tag </b:skin>.

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>

Dengan kode di atas, judul hanya akan disembunyikan pada semua halaman statis tanpa memengaruhi halaman postingan.

Menghilangkan Title Hanya di 1 Halaman Statis

Jika kamu ingin menyembunyikan judul hanya pada satu halaman statis tertentu, gunakan kode berikut:


<b:if cond='data:blog.url == "URL-HALAMAN-KAMU"'>
<style>
.post-title.entry-title{
display:none;
}
</style>
</b:if>

Ganti URL-HALAMAN-KAMU dengan URL halaman statis yang ingin kamu atur.

Menghilangkan Thumbnail di Halaman Statis

  1. Buka menu Tema.
  2. Pilih Edit HTML.
  3. Tempelkan kode berikut sebelum tag </head>.

<b:if cond='data:blog.pageType == "static_page"'> 
<style>
.postthumb{display:none}
</style>
</b:if>

Catatan:
• Ganti selector .postthumb sesuai class thumbnail di template kamu, seperti .post-thumb atau .image-thumb.
• Gunakan fitur Inspect Element di browser untuk menemukan class yang tepat.

Kesimpulan

Menghapus judul dan thumbnail pada halaman statis merupakan langkah sederhana yang dapat memberikan dampak besar pada tampilan blog. Dengan menghilangkan elemen yang tidak diperlukan, halaman akan terlihat lebih bersih, profesional, dan lebih fokus pada isi konten yang ingin disampaikan.

Selain meningkatkan kenyamanan pengunjung, penyesuaian ini juga membantu menjaga konsistensi struktur halaman tanpa mengganggu aspek SEO, selama pengaturan dasar seperti meta title dan canonical tetap diterapkan dengan benar.

Sebelum melakukan perubahan pada template, pastikan kamu sudah melakukan backup untuk menghindari kesalahan yang tidak diinginkan. Dengan pengaturan yang tepat, halaman statis bisa menjadi lebih optimal baik dari segi tampilan maupun performa.

Jika kamu ingin mengembangkan blog lebih lanjut, kamu juga bisa mulai mengoptimalkan bagian lain seperti navigasi, struktur halaman, hingga kecepatan loading agar performa blog semakin maksimal.

Untuk pengaturan lanjutan, kamu bisa membaca panduan cara lengkap memasang template Blogger agar hasilnya lebih maksimal.

FAQ

Apa fungsi menghilangkan title halaman statis di Blogger?

Agar tampilan halaman lebih rapi dan fokus pada isi konten tanpa judul ganda.

Apakah aman untuk SEO?

Aman, selama meta title tetap ada di bagian head template.

Apakah bisa hanya di satu halaman?

Bisa, dengan menggunakan kondisi URL tertentu seperti pada contoh di atas.


About the author

TipsTechPraktis
TipsTechPraktis adalah blog yang membahas tutorial Blogger, SEO, dan tips teknologi terbaru untuk membantu mengembangkan website dan meningkatkan penghasilan online.

Posting Komentar