-->

Type something and hit enter

By On
advertise here
Cara Menampilkan Widget Hanya di Halaman Tertentu. Sobat blogger, Cara menampilkan widget dihalaman tertentu atau menampilkan widget ditempat yang di inginkan, contohnya misalkan sobat ingin menambahkan sebuah widget populer post dan ingin widget tersebut hanya tampil dibagian posting saja dan tidak ingin tampil dihalaman hompage atau tidak ingin tampil dihalaman statis, maka dengan menambahkan sedikit kode ini, sobat bisa melakukan itu.
Cara Menampilkan Widget Hanya di Halaman Tertentu

fungsi atau kode tersebut dinamakan tag kondisional atau conditional tag, jadi setiap tag ini berfungsi bisa untuk hanya menampilkan widget dimana saja atau hanya dihalaman tertentu saja yang kita inginkan, hal ini juga bisa dimaksudkan untuk agar widget tidak bertumpuk atau bisa saja widget tersebut tidak perlu tampil, misalkan di halaman statis dengan lebar 100%


Sebelum kita melihat fungsifungsi tag conditional tersebut, saya akan beritahu sobat bagaimana cara penggunaan tag tersebut dan bagaimana cara menempatkannya agar tag tersebut bisa berfungsi dengan baik, silahkan sobat bisa simak baik-baik dan ini saya rasa sangat mudah sekali.

1.  Cara Menggunakan Tag Conditional

Pertama saya Ambil contoh, misalkan sobat ingin membuat widget "Berlangganan" hanya tampil dihalaman posting saja, maka tagnya seperti dibawah ini.

Contoh Kode Tag widget muncul hanya di halaman posting
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...................Kode widget.......................
</b:if>
Dan kode widget ''Berlangganan" yang muncul adalah seperti dibawah ini.
<b:widget id='HTML3' locked='false' title='Berlangganan 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>
Maka cara agar hanya widget tersebut tampil dihalaman posting, kita tinggal menambahkan tag conditional tersebut, hingga sesudah penambahan tersebut, hasilnya akan seperti dibawah ini.
  <b:widget id='HTML3' locked='false' title='Berlangganan type='HTML'>
 <b:includable id='main'> <!-- only display title if it's non-empty -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <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>
Jadi kita menambhkan tag  <b:if cond='data:blog.pageType == &quot;item&quot;'>  sesudah kode widget dan kode  </b:if>  sebelum kode end tag atau kode akhir widget yang seperti ini </b:includable>. 

Oke saya rasa sobat sudah sangat paham cara penempatannya dan sekarang kita mengetahui tag-tag tersebut untuk bisa menampilkan hanya dihalaman tertentu tersebut.

Kode Tag Widget Hanya di Halaman Tertentu

1. Kode Untuk Widget muncul hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................Kode widget disini................................
</b:if>
2. Kode Untuk Widget muncul di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................Kode widget disini................................
</b:if>
3. Kode Untuk Widget muncul hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................Kode widget disini................................
</b:if>
4. Kode Untuk Widget muncul di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'>......................Kode widget disini................................</b:if>
5.Kode Untuk Widget muncul hanya di halaman posting.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................Kode widget disini................................
</b:if>
6. Kode Untuk Widget muncul di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................Kode widget disini................................
</b:if> 
7. Kode Untuk Widget muncul hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................Kode widget disini................................
</b:if>
8. Kode Untuk Widget muncul selain di postingan tertentu.
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................Kode widget disini................................
</b:if>
9. Kode Untuk Widget muncul hanya di halaman staticpages.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>
10. Kode Untuk Widget muncul di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................Kode widget disini................................
</b:if>

Saya rasa sudah cukup jelas untuk tutorial bagaimana Cara Menampilkan Widget Hanya di Halaman Tertentu , jika ada yang tidak bisa dipahami, silahkan sobat bertanya dikolom komentar.
lebih dan kurangnya, saya mohon maaf.

Click to comment