Misteri Karakter "-->" di Blogspot: Penyebab & Prosedur Tetap Cara Mengatasinya

Tampilan error kode --> pada blog Blogger

Pernahkah Anda membuka blog, lalu mendapati karakter --> muncul tiba-tiba di bagian paling atas tampilan situs? Bukan di editor, tapi muncul tepat di layar pembaca? Saya pun sempat dibuat pusing oleh "hantu digital" ini. Tampilannya tidak estetis dan seolah-olah blog kita sedang dalam kondisi "buggy".

Setelah melakukan investigasi mendalam menggunakan Inspect Element, ternyata pelakunya bukanlah hal yang kompleks, melainkan sebuah kesalahan prosedural dalam penulisan kode di balik layar template. Mari kita bedah misteri ini agar blog Anda tetap bersih dan profesional.

Gejala Awal: Mengapa Tanda "-->" Muncul?

Dalam dunia pemrograman web, --> adalah penutup komentar dalam bahasa HTML/XML. Jika karakter ini muncul sebagai teks biasa, artinya ada kode pembuka komentar yang tidak tertutup sempurna, atau ada "penutup" yang tidak memiliki "pembuka" sehingga dianggap sebagai teks oleh browser.

Hasil investigasi menunjukkan:

Lokasi: Biasanya muncul tepat di bawah tag <body>.
Penyebab Utama: Kesalahan peletakan tag <style> di dalam blok <b:skin> atau kesalahan penulisan blok CDATA pada Widget Blogger.

Cara Investigasi: Gunakan Senjata Inspect Element

Sebelum melakukan eksekusi, kita harus tahu lokasi pastinya. Jangan tebak-tebakan! Lakukan langkah ini:

Buka blog Anda di browser (Chrome/Edge).
Klik kanan pada area yang menampilkan -->, lalu pilih Inspect.
Lihat pada panel Elements. Cari di mana karakter tersebut bernaung. Jika dia berada di bawah <body>, maka fokus perbaikan ada di area header atau widget paling atas template Anda.

Solusi Taktis: Basmi "Hantu" Kode Tersebut

Berdasarkan pengalaman saya, berikut adalah dua titik paling sering menjadi sarang "hantu" tersebut:

1. Salah Penempatan Tag <style>

Banyak dari kita terbiasa menambahkan CSS kustom dengan cara menaruh tag <style>...</style> di atas </b:skin>. Padahal, <b:skin> sendiri sudah menjadi kontainer CSS. Menaruh tag <style> di dalamnya dianggap ilegal oleh sistem Blogger, sehingga sistem "memuntahkan" karakter --> sebagai tanda error.

Solusi: Hapus tag pembuka <style> dan penutup </style>. Biarkan kode CSS tersebut "menyatu" secara legal di dalam <b:skin>.

2. Kesalahan Widget CDATA

Jika kode CSS Anda berada di dalam widget HTML, pastikan pembungkus <![CDATA[ dan penutup ]]> sudah benar. Seringkali, karakter spasi atau enter di akhir baris menyebabkan penutup ]]> tidak terbaca dengan sempurna.

Solusi: Pindahkan CSS Anda dari Widget Setting ke dalam <b:includable id='main'> agar lebih aman dari gangguan parser XML Blogger.

Kesimpulan

Misteri karakter --> yang muncul di blog bukanlah serangan siber atau tanda blog Anda rusak parah. Ini hanyalah masalah "kerapihan" kode yang tidak disukai oleh parser Blogger. Dengan memastikan struktur template bersih, blog akan kembali terlihat profesional.

Punya pengalaman error serupa atau ada misteri kode lain yang belum terpecahkan? Mari diskusi di kolom komentar!