Menampilkan Widget Pada Halaman Tertentu Saja

      Pernahkan anda berpikir ingin menampilkan sebuah widget pada halaman tertentu saja, misalnya ingin menampilkan widget ucapan selamat datang hanya pada halaman depan saja, atau ingin menampilkan widget hanya di halaman postingan saja.

    Pada kesempatan kali ini Maen Blogging ingin share pada para blogger semua, bagaimana cara menampilkan widget hanya pada halaman tertentu saja. Mengapa sebuah widget harus ditampilkan pada halaman tertentu saja? Selain untuk merapikan tata letak widget, trik ini juga salah satu trik menjadikan blog lebih SEO Friendly karena tampilan blog menjadi lebih enak dipandang dan tidak semua widget harus ditampilkan di semua halaman. Contohnya seperti pada postingan Maen Bloging mengenai cara Membuat Cursor Bertabur Bintang, karena efek cursor bertabur bintang hanya akan blogger temui pada postigan itu saja.

       OK, berikut langkah-langkahnya

• Buka akun blog anda
• Pilih Template - Edit HTML - Lanjutkan
• Jangan lupa centang Expand Template Widget
• Sebagi contoh, Maen Blogging akan menampilkan iklan adsense pada halaman posting saja. Untuk mencari kode widget yang diinginkan, anda bisa menggunakan Ctrl+F atau F3. Misal script/kode widget dari iklan adsense adalah sebagai berikut

<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>

• Kode di atas masih menampilkan iklan adsense disemua halaman blog, untuk menampilkannya hanya pada halaman postingan saja, anda harus menambahkan kode berikut

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

• Maka kode widget dari iklan adsense menjadi menjadi

<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>

• Lalu bagaimana jika kita ingin menampilkan widget di halaman-halaman lain, bukan sekedar di halaman posting saja? Caranya sama seperti di atas, hanya kode yang digunakan berbeda. Berikut kode-kode tersebut

• Menampilkan widget hanya pada halaman depan saja (homepage).
  

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

• Menampilkan di semua halaman kecuali homepage.
  

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

• Menampilkan widget hanya pada halaman Archive saja.
  

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

  ......................................................

  </b:if>

• Menampilkan widget di semua halaman kecuali halaman archive.
  

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

• Menampilkan widget hanya di halaman posting.
  

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

• Menampilkan widget di semua halaman, kecuali halaman posting.
  

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

• Menampilkan widget hanya pada halaman staticpages.
  

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

• Menampilkan widget di semua halaman,kecuali halaman staticpages.
  

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

• Menampilkan widget hanya pada postingan tertentu saja.
  

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

• Menampilkan widget selain di postingan tertentu.
  

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

Jika ada yang ingin ditanyakan silahkan untuk meninggalkan komentar