Rabu, 29 Juni 2016

Cara Menampilkan Widget Hanya Di Halaman Tertentu





Menampilkan widget di halaman tertentu ini adalah cara yang sangat efektif untuk mengurangi penumpukan widget di halaman yang tidak di inginkan seperti tidak ingin tampil di hompage  contoh misalkan anda ingin menambahkan widgetrandom post, tapi widget itu tidak ingin tampil di halaman hompage di karenakan widget hompage sudah penuh dan hanya ingin tampil di halaman posting saja atau sebaliknya mungkin anda hanya ingin menambahkan widget tersebut hanya di halaman hompage saja, namun ketika masuk artikel widget itu akan hilang.

Cara Menampilkan Widget Hanya Di Halaman Tertentu

Bagi saya cara ini sangat efektif untuk menurunkan bounce rate pada sebuah blog, misalkan anda menambahkan widget random post itu hanya di halaman posting saja, maka sudah tentu widget yang anda pasang di halaman posting ini akan berguna untuk memberi sebuah pilihan artikel lainnya, selain itu sudah tentu ini juga efektif untuk menghemat ruang di halaman hompage.

Bagi anda yang ingin mencobanya, pada mulanya anda juga harus sedikit mengert tentang ID widget tersebut, misalkan anda menambahkan widget "Rekomendasi Artikel" maka ID widget yang akan muncul di template anda akan seperti ini, lihat gambar di bawah ini..

Cara Menampilkan Widget Hanya Di Halaman Tertentu

Sekarang saya akan menampilkan kode pilihan untuk anda, silahkan sesuai dengan keinginan anda dimana anda akan menentukan widget itu di tempatkan.

1. Widget muncul hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Widget muncul di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Widget muncul hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>
4. Widget muncul di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>
5.Widget muncul hanya di halaman posting.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>
6. Widget muncul di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if> 
7. Widget muncul hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>
8. Widget muncul selain di postingan tertentu.
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>
9. Widget muncul hanya di halaman staticpages.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>
10. Widget muncul di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>
Nah untuk kode titik-titik itu adalah ID widget yang nantinya akan jadi penempatan setiap kode yang di pilih.

Sekarang cara untuk menambahkannya :
Misalkan anda ingin menambahkan widget "Berlangganan" Maka untuk penempatannya seperti contoh di bawah ini : perhatikan kode warna merah yang saya tandai!!

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

Catatan :
  • Untuk penempatannya kode pertama di letakan setelah <b:includable id='main'>
  • Untuk penempatan kode kedua, silahkan letakan sebelum kode </b:includable>

Tidak ada komentar:

Posting Komentar