Cara Meletakkan Widget di Halaman Tertentu

Anda pasti sering melihat di blog lain dimana beberapa widget dapat berpindah-pindah tempat atau widgetnya menghilang. Widget blog dapat disembunyikan dan dapat ditampilkan kembali pada halaman spesifik seperti di halaman statis, homepage, halaman posting. Untuk menyembunyikan dan menampilkan widget pada halaman tertentu harus menggunakan "Tags Conditional". Jadi dengan conditional tags inilah widget dapat diatur penempatannya dan dapat ditampilkan pada halaman yang lain. Dan untuk contoh tag conditional seperti ini : diawali dengan <b:if cond='data:blog.url == data:blog.homepageUrl'> dan penutupnya </b:if>. Nah sekarang simak bagaimana cara mengatur elemen widget dimana widget blog akan disembunyikan dan akan ditampilkan pada halaman yang ditentukan sendiri dengan Edit HTML didalam template blog.

Cara Menampilkan Widget Pada Halaman Tertentu
1. Login ke blogger.com
2. Pada dashboard, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode yang mirip dengan kode dibawah ini  (ini hanya contoh saja)

<b:widget id='HTML5' locked='false' title='' 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>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
</b:widget>

Untuk menampilkan di halaman utama, maka widget diatas tersebut harus disisipkan tags conditional seperti berikut ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'> dan diakhiri dengan kode </b:if>

Cara memasang tag conditional tersebut yaitu kode <b:if cond='data:blog.url == data:blog.homepageUrl'> diletakkan dibawah kode <b:includable id='main'> dan kode </b:if> diletakkan sebelum kode </b:includable>

Lihat cara memasang tag conditional, dimana widget akan tampil hanya pada homepage saja :

<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- 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>

Dan dibawah ini merupakan Tags Conditional untuk widget yang akan ditampilkan dan disembunyikan di halaman tertentu, dimana kode titik-titik adalah kode widgetnya.

Cara menampilkan widget hanya di homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
................................
................................
................................
</b:if>

Cara menampilkan widget di semua halaman kecuali homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
................................
................................
................................
</b:if>

Cara menampilkan widget hanya di halaman arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget di semua halaman kecuali halaman arsip

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget hanya di halaman posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget di semua halaman kecuali halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget hanya di postingan tertentu

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget selain di postingan tertentu

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget hanya di halaman statis

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
................................
................................
................................
</b:if>

Cara menampilkan widget di semua halaman kecuali halaman statis

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
................................
................................
................................
</b:if>

Nah saya akhiri dulu pembahasan tentang cara membuat widget blog tampil di halaman tertentu, semoga dapat dipahami dan silahkan diterapkan di blog anda.

Related Posts