Cara Menampilkan Widget Hanya DiHalaman Tertentu

Cara Menampilkan Widget Hanya DiHalaman Tertentu - Kalian pernah melihat blog yang widgetnya gonta-ganti pada setiap halaman. Kalau pernah blog itu pasti memakai cara ini. Langsung saja kita simak kode-kode untuk menampilkan widget pada halaman yang diinginkan.

Berikut Kode Untuk Mengatur Menampilkan Widget Di Blog :

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

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

2. Menampilkan di semua halaman kecuali homepage.

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

3. Menampilkan widget hanya di halaman Archive saja.

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

4. Menampilkan widget di semua halaman kecuali halaman archive.

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

5. Menampilkan widget hanya di halaman posting.

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

6. Menampilkan widget di semua halaman, kecuali halaman posting.

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

7. Menampilkan widget hanya di postingan tertentu saja.

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

8. Menampilkan widget selain di postingan tertentu.

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

9. Menampilkan widget hanya di halaman staticpages.

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

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

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

Catatan : Titik - titik di atas adalah kode widget yang harus di tempatkan.

---

Berikut Ini Cara Penerapan Kode Tersebut Pada Widget :

Kita ambil salah satu contoh, Misalkan sahabat lihat di blog saya ini ada widget dengan judul Translate pada sidebar dan kita akan membuat widget tersebut hanya tampil pada halaman beranda atau homepage saja, berikut caranya.

1. Silahkan login akun Blogger.com

2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Template Widget 
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template 

5. Kemudian cari Translate gunakan Ctrl+f

6. Lalu kita cari dan perhatikan kode widget seperti ini :

<b:widget id='HTML9' locked='false' title='Translate' 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:include name='quickedit'/> </b:includable> </b:widget> 

7. Kode di atas adalah kode widget Translate apabila kita akan menampilkan widget Translate tersebut hanya di beranda atau hompage maka sisipkan kodenya dan akan menjadi seperti ini.

<b:widget id='HTML9' locked='false' title='Translate' 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>

Keterangan: Kode yang berwarna merah adalah kode yang membuat widget hanya muncul pada homepage di blog, kita bisa lihat pada kode No.1 di atas. Pastikan posisi kode dipasang sesuai dengan tempatnya.

Sekian postingan saya kali ini semoga bisa bermanfaat