Blogging

Menyembunyikan Widget di HomePage Blog

Cara mudah menyembunyikan dan menampilkan widget di halaman beranda homepage blogger terbaru. Ada berbagai alasan orang ingin menyembunyikan / hidden widget tertentu di halaman HomePage atau Beranda mereka. Diantaranya mereka ingin mempercepet loading blog dengan menyembunyikan widgetnya atau seperti yang saya lakukan untuk menyembunyikan widget artikel terbaru karena pada bagian HomePage body blog saya sudah terdapat artikel terbaru. Sehingga kalau widget artikel terbaru ini tidak saya sembunyikan maka hanya akan memperjelek tampilan dengan 2 URL menuju halaman yang sama, dan pastinya tidak efisien.

Cara ini bekerja diplatforn blogspot dan cukup mudah untuk diterapkan.

Cara Menyembunyikan Widget di HomePage

Menyembunyikan widget di home
1. Pertama anda harus mengetahui WidgetId dari widget yang ingin anda sebumbunyikan. Caranya : Masuk Dashbor Blog Anda → Tata Letak → Edit → Cari widgetId dan copy WidgetId tersebut seperti gambar dibawah

Menyembunyikan Widget di HomePage Blog

2. Sekarang masuk ke Edit HTML dan cari WidgetId tadi. Disini nama WidgetId saya HTML2. Misalnya pada HTML saya menemukan script seperti dibawah ini, lalu klik pada “…” untuk memperluas area script

Menyembunyikan Widget di HomePage Blog

3. Setelah anda dapat melihat script secara keseluruhan pada WidgetId tersebut, anda akan melihat script yang kurang lebih seperti ini :

<b:widget id='HTML2' locked='false' title='Artikel Terbaru' type='HTML' version='1' visible='true'>
        <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>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
      </b:widget>

4. Perhatikan Script yang diawali <b:widget dan diakhiri </b:widget> juga

5. Selanjutnya tambahkan script seperti dibawah ini, tepatnya diantara <b:includable id=’main’> dan </b:includable> sehingga menjadi seperti ini

<b:widget id='HTML2' locked='false' title='Artikel Terbaru' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
      </b:widget>

6. Sekarang silahkan anda simpan dan coba buka homepage anda.

Cara yang cukup mudah bukan ? untuk memunculkan kembali widget yang sudah anda sembunyikan, caranya juga sama yaitu dengan menghapus kode yang ditambahkan tadi. Jadi jangan sampai lupa dimana anda menaruh kode tersebut atau anda bisa bookmark halaman ini untuk jaga-jaga.

Leave a Comment