Kamis, 03 Februari 2011

Cara Menghilangkan Judul Pada Widget Sidebar

Lama tidak ngutak-ngatik widget sidebar sehingga tidak tahu kalau ada perubahan pada blogger. Biasanya untuk tidak menampakkan judul pada widget sidebar cukup dengan mengosongkannya. Namun sekarang jika dikosongkan judulnya malah mendapatkan peringatan dari blogger. Jadi terpaksa kita harus menuliskan judul untuk widget sidebar tersebut, dan untuk menghilangkannya kita harus ngutak-ngatik HTML template.

Untuk menghilangkan (tidak menampilkan) judul widget sidebar ini ada dua cara: Pertama, menghapus perintah untuk menampilkan judul tersebut, dan kedua, membuat kode CSS supaya judul-judul tertentu pada widget sidebar tidak ditampilkan.

Cara Pertama
Pada cara ini dilakukan penghapusan terhadap perintah untuk menampilkan judul widget sidebar.
Misalnya kita akan menghilangkan judul widget Sponsor, maka langkah-langkah yang harus dilakukan adalah:
  • Dari dasbor blogger pilih Rancangan - Edit HTML.
  • Beri tanda centrang pada Expand Template Widget.
  • Lalu carilah judul Sponsor (gunakan Control F atau F3).
  • Pada kode yang terletak di bawahnya, seperti berikut:
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    Hapuslah kode <h2 class='title'><data:title/></h2>.
    Hal yang sama bisa kamu lakukan terhadap judul-judul widget sidebar lainnya yang tidak ingin kamu tampilkan.
  • Setelah selesai, simpan hasilnya dan ucapkan Alhamdulillah.....

Cara Kedua
Pada cara ini kamu harus membuat kode CSS untuk tidak menampilkan judul widget sidebar.
Langkah-langkah yang harus kamu lakukan adalah:
  • Dari dasbor blogger pilih Rancangan - Elemen Halaman.
  • Lalu lihatlah widgetID pada widget-widget yang tidak ingin ditampilkan judulnya, seperti ini:

    Misalnya widgetID yang tidak ingin ditampilkan judulnya adalah HTML7, HTML6, dan HTML9.
  • Setelah melihat (mengingat) widgetID-nya, klik Edit HTML.
  • Carilah kode ]]></b:skin>, lalu buat CSS seperti berikut yang diletakkan di atasnya:
    #HTML7 .title, #HTML6 .title, #HTML9 .title {display:none}
  • Setelah selesai, simpan hasilnya dan ucapkan Alhamdulillah.....

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...