Cara Pasang Widget Blog Hanya di Halaman Tertentu

Pada tutorial kali ini saya akan menunjukkan kepada anda bagaimana cara menampilkan widget tertentu di halaman tertentu pada blog kita.

Sebagai contoh, saya hanya ingin menunjukkan widget popular post atau artikel populer di halaman home page, maka dengan kode tertentu saya bisa menyembunyikan widget popular post tersebut di halaman home page tersebut dan begitu pula sebaliknya.

Untuk menempatkan widget tertentu di halaman tertentu juga bukan hal yang sulit dilakukan, bahkan menurut saya sangat mudah sekali. Misal, saya ingin menampilkan widget tertentu di semua halaman kecuali halaman homepage/ halaman depan. Berikut adalah langkah-langkahnya:

1. Mengetahi ID Widget
Caranya Klik Kanan kemudian Inspect widget yang ingin anda ketahui ID nya. Perhatikan gambar berikut:


Id widget nya bisa anda ketahui seperti berikut ini:

2. Masuk ke halaman Edit HTML
Silahkan anda cari letak ID widget yang ingin anda ubah. Caranya tekan Ctrl+F pada keyboard kemudian ketikkan ID widget di kolom pencarian, selanjutnya tekan enter pada keyboard. Perhatikan gambar berikut:

3. Memasukkan Kode
Karena saya ingin menampilkan widget disemua halaman kecuali halaman homepage, maka kode yang akan saya pakai adalah:

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

Hasilnya nampak sebagai berikut:

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

Lebih jelasnya lihat tampilan kode berikut:

<b:widget id='HTML8' locked='false' title='Artikel Terbaik' 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:include name='quickedit'/>
  </b:if>
</b:includable>
  </b:widget>

Setelah itu silahkan anda klik Simpan. Mudah bukan?

Berikut ini adalah beberapa kode yang bisa anda gunakan untuk menampilkan widget tertentu di halaman tertentu

1. Widget Muncul Hanya di Halaman Depan / Homepage

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

2. Widget Muncul di Semua Halaman Kecuali Halaman Depan/ Homepage

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

3. Widget Muncul Hanya di Halaman Posting

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

4. Widget Muncul di Semua Halaman Kecuali Halaman Posting

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

5. Widget Muncul Hanya di Halaman Statis / Static page

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

6. Widget Muncul di Semua Halaman, Kecuali Halaman Statis / Static page

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

7. Widget Muncul Hanya di Posting Tertentu

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

8. Widget Muncul Selain di Posting Tertentu

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

9. Widget Muncul Hanya di Halaman Archive

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

10. Widget Muncul di Semua Halaman Kecuali Halaman Archive

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

Untuk menampilkan widget hanya di postingan tertentu atau selain posting tertentu silahkan anda ganti "alamat-postingan" dengan URL postingan. Contoh sebagai berikut:

.....................................
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;https://www.herusatria.com/2018/05/cara-pasang-widget-blog-di-halaman-tertentu.html&quot;'>
......................................
......................................
......................................
<b:include name='quickedit'/>
</b:if>
......................................

Nah, demikian tadi tutorial cara menampilkan atau menyembunyikan widget blog di halaman tertentu blog kita. Apabila ada pertanyaan silahkan tulis di kolom komentar. Selamat mencoba dan semoga bermanfaat...