Penjelasan

Apa itu <b:comment>?

Bayangkan Anda sedang merenovasi rumah dan memiliki cetak biru (blueprint). Di atas cetak biru itu, Anda mungkin ingin menulis catatan kecil seperti:

• "Nanti di sini pasang lampu gantung."
• "Area ini jangan dibongkar dulu."
• "Tembok ini akan dicat warna biru."

Catatan-catatan ini penting untuk Anda sebagai arsitek, tapi tentu saja tidak akan ikut dibangun di rumah aslinya. Catatan itu hanya ada di cetak biru.

Nah, <b:comment> bekerja persis seperti itu - ia adalah "catatan di cetak biru" pada template Blogger Anda.

Secara teknis, <b:comment> digunakan untuk menyisipkan komentar atau catatan di dalam kode XML template yang tidak akan pernah ditampilkan di hasil akhir HTML blog Anda. Apa pun yang ditulis di antara tag <b:comment> dan <b:comment> akan sepenuhnya diabaikan dan dihapus oleh server Blogger saat halaman dimuat.

Lalu, Apa Bedanya dengan Komentar HTML Biasa <!-- ... -->?

Ini adalah pertanyaan yang sangat penting. Keduanya memang sama-sama "komentar", tapi cara kerjanya sangat berbeda:

Sintak Dasar

Strukturnya sangat sederhana - hanya terdiri dari tag pembuka dan tag penutup:

<b:comment>
  Tulis catatan Anda di sini.
</b:comment>

Anda bisa menulis apa saja di dalamnya - satu baris, banyak baris, bahkan blok kode XML/HTML sekalipun:

<b:comment>
  Anda bisa menulis apa pun di sini.
  Bisa satu baris, atau beberapa baris.

  Bahkan Anda bisa meletakkan blok kode XML/HTML di sini
  untuk menonaktifkannya sementara.

  Semua yang ada di area ini akan hilang saat blog ditampilkan.
</b:comment>

Atribut yang Bisa Digunakan

Tag <b:comment> sangat sederhana dan tidak memiliki atribut apa pun.

Anda hanya perlu menggunakan:

• Tag pembuka: <b:comment>
• Tag penutup: </b:comment>

Tidak ada id, class, cond, atau atribut lainnya. Cukup bungkus konten yang ingin Anda komentari di antara kedua tag tersebut.

Contoh Penggunaan

Berikut beberapa skenario umum di mana <b:comment> menjadi sangat berguna.

Contoh 1: Memberi Penjelasan pada Kode yang Rumit

Saat menulis kode yang kompleks, ada baiknya Anda memberi catatan untuk diri sendiri di masa depan atau untuk orang lain yang mungkin mengedit template Anda.

<div class='post-wrapper'>

  <b:comment>
    Kode b:if di bawah ini digunakan untuk membedakan layout
    antara postingan pertama dengan postingan lainnya di halaman utama.
    Postingan pertama akan dibuat lebih besar.
  </b:comment>

  <b:if cond='data:i == 0'>
    <!-- Kode untuk layout postingan pertama -->
  <b:else/>
    <!-- Kode untuk layout postingan biasa -->
  </b:if>

</div>

Contoh 2: Menonaktifkan Fitur Sementara Tanpa Menghapus Kode

Ini adalah penggunaan yang paling berguna. Misalnya, widget "Popular Posts" Anda menyebabkan masalah, atau Anda ingin menghilangkannya sementara selama proses redesign. Cukup bungkus kodenya dengan <b:comment>:

<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
  <b:includable id='main'>

    <b:comment>
      --- WIDGET POPULAR POSTS DINONAKTIFKAN SEMENTARA ---
      Akan diaktifkan kembali setelah desain baru selesai.
      - 2025-10-01

      <div class='widget-content popular-posts'>
        <ul>
          <b:loop values='data:posts' var='post'>
            <li>
              <a expr:href='data:post.url'><data:post.title/></a>
            </li>
          </b:loop>
        </ul>
      </div>
    </b:comment>

  </b:includable>
</b:widget>

Contoh 3: Melihat Perbedaan Langsung dengan Komentar HTML

Mari kita lihat keduanya berdampingan di dalam template:

Kode di editor template:

<div class='header'>

  <!--
    Ini adalah komentar HTML biasa.
    Komentar ini AKAN MUNCUL di "View Page Source" browser.
  -->

  <b:comment>
    Ini adalah komentar Blogger.
    Komentar ini TIDAK AKAN PERNAH MUNCUL di mana pun
    selain di editor template ini.
  </b:comment>

  <h1><data:title/></h1>
</div>

Hasil yang terlihat di View Page Source browser pengunjung:

<div class='header'>

  <!--
    Ini adalah komentar HTML biasa.
    Komentar ini AKAN MUNCUL di "View Page Source" browser.
  -->

  <h1>Nama Blog Anda</h1>
</div>

Perhatikan - komentar dari <b:comment> telah lenyap tak berbekas. Hanya komentar HTML biasa <!-- ... --> yang masih tersisa.

Kapan Menggunakan <b:comment>