Cara Menampilkan Widget Hanya Di Halaman Tertentu

Cara Menampilkan Widget Hanya Di Halaman Tertentu

Cara Menampilkan Widget Hanya Di Halaman Tertentu. Sobat blogger , 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 widget random 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>
Nah sekarang sudah mengerti kan, silahkan langsung praktekan, jika anda mengalami kendala dalam tutorial ini, silahkan ajukan pertanyaan di kolom komentar. lebih dan kurangnya saya mohon maaf.

Bagikan Ke
13 Komentar untuk "Cara Menampilkan Widget Hanya Di Halaman Tertentu"

Terimakasih atas informasinya ka :)
http://goo.gl/8ZOLi9

izin mampir, terimakasih :)
s.id/5DR

kunjungin halaman aku ea
http://yusufstudiofoto.blogspot.co.id/

This comment has been removed by the author. - Hapus

terimakasih sangat membantu buat bloger pemula seperti saya
www.ghofar1.blogspot.com
saran dan kritik amat diharapakan

Mantaps gans,, thanks. Sudah ane pasang dan berhasil. Cek aja www.serbacara.com

terima kasih infonya

sudah saya coba untuk blog saya http://diskondipromo.com

mantap gaan ,thanks buat infonya. nanti bakalan ane coba terapin di blog ane :)

maksih atas informasi an bantuanya
www.permatapulsaelektrik.web.id