Menghilangkan Judul Pada Widget HTML/Javascript Blogger

Bermula dari komentar seorang rekan, yang lumayan panjang lebar, tentang Widget HTML/Javascript tidak bisa disimpan kecuali dengan Judul. Entah kenapa hal ini terjadi, kemungkinan ada bugs di blogger. Atau mungkin Blogger merubah pengaturan javascript, entahlah.
Setelah saya coba membuat widget HTML/Javascript dan text memang hal itu terjadi, widget tidak bisa disimpan kecuali dengan menggunakan judul/title. Ada peringatan "Harap perbaiki kesalahan pada form ini" dan  "Bidang yang dipersyaratkan tidak boleh kosong".
Bagi rekan yang ingin menampilkan widget html/javascript tanpa menampilkan judul, saya akan memberikan solusi alternatif. (Sebenarnya bukan khusus widget HTM/Javascript saja, bisa untuk semua widget).

Langsung langkahnya aja sob:
  1. Buat widget HTML/Javascript, tulis judul terserah anda. misalkan TEST.
  2. Simpan.
  3. Masuk ke Dasbor > Rancangan > Edit HTML. Centang Expand Template Widget.
  4. Cari judul yang anda buat. Supaya lebih memudahkan pencarian (Ctrl+F) kemudian ketik judul.
  5. Perhatikan kode di bawah ini, (yang berwarna biru, adalah judul widget)
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='test' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

Stop dulu sob..... sekarang siap2 menghilangkan judul.., lebih tepat menyembunyikan.
1. Perhatikan kode yang berwarna merah.
2. Ganti dengan kode dibawah ini :
<h2 style='display:none'><data:title/></h2>
3. Simpan dan lihat hasilnya.

Pada preview di dasbor judul tetap ada, tapi di blog akan disembunyikan. Trik di atas hanya salahsatu cara saja, masih banyak cara yang lain. Kalau saya tulis semua takut kepanjangan...
Gimana hasilnya sob? udah coba?

UPDATE

Karena masih ada yang tampil, seperti komentar 'Kyutaroo'. Tips dibawah ini untuk menghilangkan dan bukan lagi menyembunyikan.

1. Perhatikan lagi kode berikut :
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='test' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

2. Hapus kode yang berwarna merah.
3. Simpan.

So, gimana? masih tampil?
Disqus Comments