Cara Menampilkan Widget Hanya Pada Halaman Tertentu Di Blog

" Cara Menampilkan Widget Hanya Pada Halaman Tertentu Di Blog " 

Kali ini saya akan berbagi bagaimana agar widget hanya muncul pada halaman tertentu di blog, tentunya dengan banyaknya widget yang kita buat akan memperberat loading blog dan tentunya akan membuat pelanggan atau pengunjung blog kita enggan berkunjung lagi ke blog kita, dengan cara yang satu ini mungkin akan sedikit membantu juga proses loading blog dengan cepat, karena dengan beberapa kode yang saya share ini bisa membantu dan mengatur widget yang akan di tampilkan di blog kita dengan mudah.

 

Berikut Kode Untuk Mengatur Menampilkan Widget Di Blog :

 

1. Menampilkan widget hanya di halaman depan saja (homepage).

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

 

2. Menampilkan di semua halaman kecuali homepage.

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

 

3. Menampilkan widget hanya di halaman Archive saja.

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

 

4. Menampilkan widget di semua halaman kecuali halaman archive.

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

 

5. Menampilkan widget hanya di halaman posting.

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

 

6. Menampilkan widget di semua halaman, kecuali halaman posting.

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

 

7. Menampilkan widget hanya di postingan tertentu saja.

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

 

8. Menampilkan widget selain di postingan tertentu.

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

 

9. Menampilkan widget hanya di halaman staticpages.

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

 

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

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

Keterangan :

• Titik - titik di atas adalah kode widget yang harus di tempatkan

---

Berikut Ini Cara Penerapan Kode Tersebut Pada Widget :

Kita ambil salah satu contoh, Misalkan sahabat lihat di blog saya ini ada widget dengan judulTranslate pada sidebar dan kita akan membuat widget tersebut hanya tampil pada halaman beranda atau homepage saja, berikut caranya.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog anda.

2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget 
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template 

5. Kemudian cari Translate gunakan Ctrl+f

6. Lalu kita cari dan perhatikan kode widget seperti ini :

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

7. Kode di atas adalah kode widget Translate apabila kita akan menampilkan widget Translate tersebut hanya di beranda atau hompage maka sisipkan kodenya dan akan menjadi seperti ini.

<b:widget id='HTML9' locked='false' title='Translate' 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:if>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Keterangan :

• Kode yang berwarna Kuning adalah kode yang membuat widget hanya muncul pada homepage di blog, kita bisa lihat pada kode No.1 di atas.


• Pastikan posisi kode dipasang sesuai dengan tempatnya.

Sumber : http://wizyuloverz.blogspot.com

Artikel Terkait

[archives limit=10]