Cara Menyembunyikan Judul Widget di Blogspot

Berikut ini 2 (dua) Cara Menyembunyikan Judul Widget di Blogspot yaitu:

1. Menghapus Kode Perintah yang berfungsi untuk menampilkan judul widget;
2. Membuat/Menambah Kode CSS agar judul widget tidak ditampilkan;

Cara Menghapus Kode Perintah yang berfungsi untuk menampilkan judul widget, sebagai berikut:

1. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget;
2. Cari Judul Widget yang akan disembunyikan, misalnya "LINK BANNER SAHABAT", lalu perhatikan kode-kode yang menyertainya, contohnya seperti ini:
   
   <b:widget id='HTML4' locked='false' title='LINK BANNER SAHABAT' 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>
3. Hapuslah kode yang ini: <h2 class='title'><data:title/></h2>;
4. Simpan/Save Template, selesai.

Jika Anda tidak ingin menghapus kode perintah, maka Anda bisa menggunakan cara kedua yaitu Membuat/Menambah Kode Css, sebagai berikut:

1. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget;
2. Cari Widget ID untuk judul widget yang akan disembunyikan, misalnya Widget ID untuk "LINK BANNER SAHABAT" ini adalah HTML4. Coba perhatikan sekali lagi struktur kode di bawah ini:
   
   <b:widget id=' HTML4' locked='false' title='LINK BANNER SAHABAT'
3. Selanjutnya cari kode ]]></b:skin>, lalu diatasnya tambahkan Kode Css seperti ini:
   
   #HTML4 .title {display:none}
   
   
   Keterangan:
   Jika Anda ingin menyembunyikan judul widget lebih dari satu, Anda tinggal menambahkan Widget ID dari judul widget dimaksud di depan kode .title {display:none} dipisahkan dengan koma (,) contohnya seperti ini:
   #HTML4 .title, #HTML5 .title, #HTML6 .title {display:none}
4. Simpan/Save Template, selesai dan lihat hasilnya.

Demikianlah tutorial Cara Menyembunyikan Judul Widget di Blogspot, semoga bermanfaat.

= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

Posted in: Tips blog,trik blog