Cara Membuat Widget Hanya Tampil di Halaman Tertentu di Blog

Kode tag conditional ini disisipkan di dalam kode widget yang ingin kita tampil di halaman tertentu di blog.

Dengan cara trik ini kita bisa mengatur widget yang mana akan ditampilkan pada halaman tertentu di blog.

Misalnya widget popular post hanya tampil di halaman postingan saja sehingga widget ini tidak akan tampil di halaman depan, halaman statis dan halaman arsip.

Bagi blogger pemula pastinya belum mengetahui cara membuat widget hanya tampil di halaman tertentu di blog.

Untuk melakukan trik ini cukup mengikuti langkah-langkah sederhana berikut ini:


Cara Membuat Widget Hanya Tampil di Halaman Tertentu di Blog


Cari ID Widget Yang Ingin Di Tampil Pada Halaman Tertentu

ID Widget

Pada gambar diatas cara mudah untuk mengetahui ID Widget dengan cara klik menu Tata Letak lalu pilih Widget selanjutnya klik Edit pada widget, maka akan tampak seperti gambar diatas dan yang saya berikan tanda kotak merah digambar diatas adalah ID Widget .

Selanjutnya klik menu Tema sebelah di kiri lalu klik menu Lompat Ke Widget dan pilih ID Widget yang sudah kita ketahui sebelumnya, seperti gambar dibawah ini.

Contoh penerapannya seperti dibawah ini.

<b:widget id='PopularPosts' locked='false' title='Terpopuler' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.................PopularPosts Widget.................
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>

Keterangan :
<b:if cond='data:blog.pageType == &quot;item&quot;'> = Kode pembuka
</b:if> = kode penutup

Contoh diatas saya memilih widget PopularPosts1 yang hanya tampil di halaman postingan saja, dan perhatikan tag conditional yang saya block warna merah.

Untuk menampilkan widget di halaman tertentu yang lainnya, kamu bisa menggunakan kode tag conditional dibawah ini.

1. Menampilkan widget hanya di halaman depan saja (homepage)

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

2. Menampilkan di semua halaman kecuali homepage

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

3. Menampilkan widget hanya di halaman Archive saja

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

4. Menampilkan widget di semua halaman kecuali halaman archive

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

5. Menampilkan widget hanya di halaman posting

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

6. Menampilkan widget di semua halaman, kecuali halaman posting

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

7. Menampilkan widget hanya di postingan tertentu saja.

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

8. Menampilkan widget selain di postingan tertentu

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

9. Menampilkan widget hanya di halaman static pages

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

10. Menampilkan widget di semua halaman, kecuali halaman staticpages

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

Keterangan : Tanda block merah di atas adalah kode widget yang harus di tempatkan.

Jika kamu sudah melakukannya dengan benar sesuai contoh yang sudah saya berikan diatas selanjutnya klik simpan tema dan lihat hasilnya.

Cara ini juga bisa diterapkan pada kode CSS, kode HTML dan kode script yang ada di dalam HTML Template blog kita.