Cara Menghapus dan Menyembunyikan Judul Widget di Blogspot

Cara Menyembunyikan Judul Widget di Blogspot


Beberapa waktu lalu Blogger mengeluarkan kebijakan baru, dimana setiap menambah/membuat widget di sidebar blogspot harus menyertakan judul alias pada kotak judul tidak boleh dikosongkan dan jika dikosongkan maka akan keluar pesan error.

Nah jika Anda tidak menginginkan judul widget tampil di sidebar blog, caranya cukup mudah dan setidaknya ada 2 (dua) cara untuk menyembunyikan atau menghilangkan judul widget tersebut.

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!!! <= = = = = = = =

No comments:

Post a Comment