Cara Menampilkan Widget pada halaman Tertentu

Menampilkan semua widget yang kita punya pada blog memang bisa memperindah tampilan dan juga bisa sangat berguna bagi pengunjung, namun adakalanya dengan banyaknya widget yang kita pasang justru sangat mengganggu dan juga akan bepengaruh pada kecepatan loading blog.

Salah satu solusi sederhana untuk mengatasi terlalu banyak widget yang muncul pada blog adalah dengan menampilkan widget hanya pada halaman tertentu saja pada blog. Misalnya dengan hanya menampilkan pada homepage, pada postingan, atau pada tempat-tempat tertentu saja. Dengan cara ini maka tidak semua widget akan memenuhi halaman blog, sehingga kelihatan lebih rapi.

Namun perlu diingat pula bahwa tidak semua widget harus diperlakukan demikian, karena memang ada beberapa widget yang lebih baik dimuncul disetiap bagian dari blog. Misalnya yang berhubungan dengan navigasi blog atau yang terkait dengan hal penting lain.

Untuk menentukan widget mana yang akan kita atur kemunculannya, terlebih dahulu kita harus tahu dulu widget id dari widget tersebut. karena setiap widget yang kita pasang pada blog itu memiliki id-nya sendiri-sendiri.

Untuk mengetahui id dari masing-masing widget kita bila melihat langsung pada "edit HTML" pada bagian tema. Dengan mengklik "Lompat ke widget" kita akan tahu semua id dari widget yang kita pasang pada blog.

Langkah-langkah

1. Masuk ke dashboard blogger.
2. Masuk ke bagian tema.
3. Masuk ke Edit HTML.
4. Klik "Lompat ke widget" untuk memilih widget.
5. Pada kode widget yang terpilih cari kode <b:includable id='main'> dan kode </b:includable>
6. Sisipkan kode berikut sesuai dengan keinginan kita


     # Menampilkan widget hanya pada homepage

 <b:widget id='HTML3' locked='false' mobile='yes' title='' type='HTML' version='2' visible='true'>
                    <b:widget-settings>
                    <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
                  </b:widget>

#Menampilkan widget hanya pada halaman postingan

<b:widget id='HTML3' locked='false' mobile='yes' title='' type='HTML' version='2' visible='true'>
                    <b:widget-settings>
                    <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
                  </b:widget>

#Menampilkan widget hanya pada halaman statis

<b:widget id='HTML3' locked='false' mobile='yes' title='' type='HTML' version='2' visible='true'>
                    <b:widget-settings>
                    <b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
                  </b:widget>

#Menampilkan widget hanya pada halaman arsip

<b:widget id='HTML3' locked='false' mobile='yes' title='' type='HTML' version='2' visible='true'>
                    <b:widget-settings>
                    <b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
                  </b:widget>

#Menampilkan widget hanya pada halam tertentu saja

<b:widget id='HTML3' locked='false' mobile='yes' title='' type='HTML' version='2' visible='true'>
                    <b:widget-settings>
                    <b:includable id='main'>
<b:if cond='data:blog.url == "ganti dengan URL Halaman di sini"'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
                  </b:widget>


7. Simpan template
8. Lihat pratinjau untuk melihat hasil kerja kita

Selamat mencoba dan semoga berhasil