Kamis, 17 Februari 2011

Cara Menghilangkan Judul Widget Sidebar

Pertama sekali saya melakukan postingan  atau tips mengenai sidebar blog. Sebelumnya teman-teman sudah peda kenal kan elemen-elemen yang terdapat pada blog?. Jika belum, silahkan belajar mengenal elemennya dulu.Oke sekedar pengenalan saja, sidebar maksudnya adalah suatu elemen yang terdapat pada blog. Biasanya terdapat pdi samping kanan dan kiri, atau atas bawah postingan. Kurang jelas yah?. Mungkin anda nantinya akan mengerti sendiri.
Seperti judul artikel ini Cara Menghilangkan Judul Widget Sidebar, kita akan menghilangkan judul daripada Widget sidebar/isi dari sidebar tersebut. Nah untuk lebih jelasnya, silahkan ikuti langka-langkah berikut.


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 
Cara Kedua:

Pada cara ini anda 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

Tidak ada komentar:

Posting Komentar