Wednesday, January 6, 2010

Sembunyikan Judul Widget/Gadget

Posted by dav On 3:48 AM
Secara default Blogger membolehkan para penggunanya untuk memberi atau tidak memberi judul Gadget. Jika kita tidak memberikan judul gadget sebenarnya tidak menjadi masalah, tetapi hal ini justru membingungkan kita jika ingin mengubah atau menambah kode-kode pada gadget yang sudah ada, karena gadget tersebut akan diberi nama secara default oleh Blogger yaitu "HTML/JavaScript". Jika hanya satu atau dua gadget hal ini tidak menjadi masalah, bagaimana jika banyak? Kita akan kebingungan untuk menentukan mana gadget yang akan diubah atau ditambah kode. Jalan satu-satunya adalah dengan mencoba membuka satu persatu gadget yang akan kita ubah atau tambah kodenya. Padahal kita bisa memberikan nama pada gadget tersebut tanpa ditampilkan, sehingga akan lebih mudah untuk memanajemen gadget-gadget tersebut.
Sembunyikan Judul Widget

Sembunyikan (Tidak Menampilkan) Judul Gadget

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML" dan klik "Expand Template Widget"
Langkah 3
Cari judul gadget yang akan disembunyikan (contoh dibawah ini adalah gadget "Search"):
<b:widget id='HTML11' locked='true' title='Search' type='HTML'>
kemudian scroll dan cari kode dibawah ini:
<data:title/>
Kode diatas adalah kode yang akan menampilkan judul gadget yang sudah kita berikan pada gadget tersebut, secara utuh yang mengatur judul gadget adalah kode dibawah ini:
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
Berikut penjelasannya:
Kode baris 1
<b:if cond='data:title != &quot;&quot;'>
Jika judul gadget tidak kosong maka...
Kode baris 2
<h2 class='title'><data:title/></h2>
Judul gadget akan ditampilkan dengan konfigurasi (pengaturan ukuran huruf, warna huruf, jenis huruf dll) yang diambil dari class='title'
Kode baris 3
</b:if>
Pengaturan judul gadget ditutup
Langkah 4
Ganti (replace) kode:
class='title'
dengan kode:
style='display:none;'
sehingga secara keseluruhan kode gadget "Search" yang diganti menjadi:
<b:widget id='HTML11' locked='true' title='Search' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 style='display:none;'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Langkah 5
Simpan template dan preview...

Keterangan:
  • Contoh diatas menggunakan gadget dengan type "HTML/JavaScript" tetapi untuk kode judul gadget lain langkahnya sama.
  • Jika tidak terdapat kode class='title' dan hanya kode <h2><data:title/></h2> kita cukup menambahkan kode style='display:none;' sehingga menjadi <h2 style='display:none;'><data:title/></h2>
Selamat mencoba dan semoga berhasil. Happy Blogging... :)