Memuat berita terbaru...
الصفحة الرئيسية
Blogger
Seo

Cara Menghilangkan Tanda panah di Header Blog (Panduan Lengkap)

Panduan cara menghapus tanda > di header Blogger dengan mudah. Aman untuk SEO, tidak merusak breadcrumb, dan ramah AdSense.
TipsTechPraktis

Seringkali template Blogger menampilkan simbol ---> (greater-than) pada breadcrumb atau menu header, sehingga tampilan terlihat kurang rapi. Artikel ini membahas cara cepat menghilangkannya tanpa merusak struktur navigasi — tetap ramah SEO dan aman untuk AdSense.

Penyebab Munculnya Tanda > di Header

  • Template menggunakan delimiter default pada breadcrumb.
  • Elemen breadcrumb memuat simbol pemisah (--->).
  • Kode <data:delimiter>&gt;</data:delimiter> masih aktif di template.

Cara Menghilangkan Tanda > di Header Blogger

1. Masuk ke Editor Tema

  1. Login ke Blogger → pilih blog → Tema.
  2. Klik Edit HTML.

2. Cari Kode yang Menyisipkan >

Gunakan Ctrl + F lalu ketik salah satu kata kunci berikut:

&gt;
delimiter
breadcrumb
data:delimiter

3. Hapus atau Sembunyikan Tanda

a. Menghapus langsung di HTML

<data:delimiter>&gt;</data:delimiter>

Ubah menjadi:

<data:delimiter></data:delimiter>

b. Menyembunyikan dengan CSS

/* Sembunyikan simbol pemisah breadcrumb */
.breadcrumb span:before {
  content: none !important;
}

Pemeriksaan Setelah Edit

  1. Cek tampilan di desktop dan mobile.
  2. Hapus cache browser jika perubahan tidak muncul.
  3. Pastikan breadcrumb tetap berfungsi.
Baca Juga :

Tips SEO dan AdSense

  • Biarkan breadcrumb aktif untuk membantu navigasi dan SEO.
  • Gunakan metode CSS bila ragu mengedit HTML.
  • Uji hasil di berbagai perangkat agar iklan AdSense tetap tampil normal.
Perhatian: Kode komentar <!-- ... --> biasanya digunakan untuk ON/OFF widget. Artinya, kalau baris kode dibungkus komentar, widget tersebut tidak akan tampil (OFF). Jika komentar dihapus, widget kembali aktif (ON).

Pastikan saat menghapus, lakukan dengan bersih dari ujung ke ujung, jangan setengah baris saja.

Kesimpulan

Menghilangkan tanda > di header Blogger sangat mudah: cukup hapus delimiter di template atau sembunyikan dengan CSS. Dengan tampilan yang lebih bersih, blog terlihat profesional dan tetap ramah SEO.

Mengapa muncul tanda > di header Blogger?

Tanda > biasanya berasal dari kode breadcrumb atau delimiter bawaan template. Fungsi aslinya untuk memisahkan link navigasi, namun sering terlihat mengganggu tampilan header.

Apakah aman menghapus tanda > di header?

Aman. Kamu hanya menghapus atau menyembunyikan simbol visualnya. Struktur breadcrumb tetap ada sehingga tidak merusak SEO atau navigasi blog.

Bagaimana cara menghapus tanda > lewat HTML?

Cari baris <data:delimiter>&gt;</data:delimiter> pada editor tema Blogger, lalu hapus bagian &gt; agar tidak lagi menampilkan simbol tersebut.

Bagaimana cara menyembunyikan tanda > dengan CSS?

Tambahkan kode CSS: .breadcrumb span:before { content: none !important; }. Dengan begitu tanda > akan hilang tanpa perlu mengubah HTML template.

إرسال تعليق