Cara Membuat Widget Hanya Tampil Pada Halaman Tertentu

      Widget merupakan kebutuhan pada setiap blog, memiliki banyak fungsi baik itu merupakan kebututhan, sebagai alat untuk mempercantik tampilan, atau hanya sebagai tambahan semata. Terkadang ada widget yang memang kadang dibutuhkan atau tidak di butuhkan pada halaman- halaman tertentu, dan itu bisa mempengaruhi gaya tampilan pada blog.

         Sekarang mungkin saya akan berbagai bagaimana cara agar kita dapat membuat sebuah widget blog tampil sesuai dengan kebutuhan pada satu halaman tertentu, atau bahkan hanya tampil pada halaman depan/ home atau hanya tampil pada postingan saja. 

Simak baik- baik petunjuknya.

1. Login ke dashboard blogger.
2. Pilih Rancangan dan klik edit HTML
3. Beri tanda centang pada tulisan Expand Template
Widget
4. Lalu cari kode widget yg akan di tampilkan pada
halaman tertentu.

*Agar mudah pencarian kode widget, sebaiknya widget yg akan di edit di beri judul dulu. Misalnya "iklan adsense", untuk memberi judul widget klik pada Page Element. Nah pada Edit HTML carilah kode widget "iklan adsense". 

*Agar mudah pencariaanya gunakan CTRL+F dan ketik judul widget tersebut. 

<b:widget id='HTML1' locked='false' title='iklan adsense' 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>

Nah, agar nantinya widget tersebut dapat tampil dihalaman yang kita kehendaki maka harus kita tambah dengan kode yang berwarna merah berikut:

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

 Hasilnya akan seperti ini.

<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>

Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja. Bagaimana agar widget tersebut muncul dihalaman tertentu atau tidak kita munculkan pada halaman tertentu? Nih gunakan kode berikut 

1. Menampilkan widget hanya pada 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 pada 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 pada halaman staticpages. 

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

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

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

9. Menampilkan widget hanya pada postingan tertentu saja.

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

10. Menampilkan widget selain di postingan tertentu. 

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

 11. Menampilkan widget pada halaman Label Tertentu.

<b:if cond='data:blog.url == &quot;alamat-label&quot;'>..........KODE WIDGET.......... </b:if>

Demikian Artikel Mengenai  Cara Membuat Widget Hanya Tampil Pada Halaman Tertentu. Semoga Bermanfaat. Sekian Dan terimakasih