Cara Menampilkan Widget Hanya di Halaman Tertentu

Cara Menampilkan Widget Hanya di Halaman Tertentu

Cara Menampilkan Widget Hanya di Halaman Tertentu

Seperti kita tahu bersama, ada bermacam-macam widget yang dapat dipasang pada sebuah blog, mulai dari macam, fungsi, dan bentuknya yang sangat beragam. Semua tergantung selera dan kebutuhan sang blogger untuk memilih widget mana yang sesuai dan dibutuhkan untuk mendukung perkembangan blog yang dikelolanya.

Tentu tidak mungkin kita akan memasang seluruh widget yang ada, karena selain akan memberatkan loading blog, penempatannya pun akan sulit hingga membuat widget menjadi berdesakan pada sidebar yang selanjutnya pasti akan mengganggu tampilan blog.

Sebagai solusinya mungkin kita bisa menempatkan widget sesuai dengan fungsinya. Misalnya, widget like and share mungkin kurang optimal jika ditempatkan pada homepage, tetapi akan sangat berguna bagi pengunjung dan perkembangan blog yang bersangkutan jika dipasang hanya pada halaman postingan saja, karena objek utama widget like and share bukan homepage, tetapi postingan atau artikelnya.

Untuk itulah kali ini saya akan share bagaimana cara menampilkan widget hanya di halaman tertentu saja dengan menambahkan conditional tags pada widget yang akan diberikan perintah untuk tampil dihalaman tertentu dan tidak akan muncul di halaman yang lain. Tujuannya jelas, agar pemasangan widget dapat sesuai dengan fungsi dan kegunaannya.

Cara menampilkan widget hanya di halaman tertentu

Sebagai contoh kita akan menambahkan conditional tags pada widget label agar hanya muncul pada homepage saja.
  • Login ke blogger
  • Pilih menu Template
  • Kemudian klik Edit HTML
  • Klik Lompat ke widget
  • Pilih widget Label1
  • Kemudian tambahkan conditional tags setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable> (lihat kode yang berwarna merah di bawah ini)
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
  <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:if>
</b:includable>
</b:widget>
  • Terakhir simpan template
Berikut adalah pilihan conditional tags untuk menampilkan widget hanya di halaman tertentu.

Conditional tags untuk menampilkan widget hanya di halaman homepage
Pasang sesudah kode <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Pasang sebelum kode </b:includable>
</b:if>

Conditional tags untuk menampilkan widget hanya di halaman postingan
Pasang sesudah kode <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
Pasang sebelum kode </b:includable>
</b:if>

Conditional tags untuk menampilkan widget hanya di halaman statis
Pasang sesudah kode <b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
Pasang sebelum kode </b:includable>
</b:if>

Conditional tags untuk menampilkan widget hanya di halaman arsip
Pasang sesudah kode <b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
Pasang sebelum kode </b:includable>
</b:if>

Conditional tags untuk menampilkan widget hanya di salah satu halaman (berdasarkan url)
Pasang sesudah kode <b:includable id='main'>
<b:if cond='data:blog.url == "ganti dengan url halaman"'>
Pasang sebelum kode </b:includable>
</b:if>

Demikian cara menampilkan widget hanya di halaman tertentu ini, semoga dapat memberikan manfaat dan membuat widget blog Sobat tertata rapi sesuai dengan fungsi dan kegunaannya masing-masing.

Artikel terkait:

Bagikan: