Site and learn your application

Kamis, 16 Juni 2016

Cara Membuat Widget Tampil di Halaman Tertentu Saja

Indo Amaterasu
Banyaknya widget yang terpasang pada sidebar dan atau pada footer membuat blog kelihatan kurang rapi, untuk itu Anda perlu menampilkan widget tersebut di halaman tertentu saja. Biasanya widget yang terpasang pada sidebar blogger panjangnya melebihi halaman postingan di homepage.

Dengan trik yang diberikan indoamaterasu berikut ini, Anda bisa menentukan widget tampil dimana saja sesuai kehendak masing-masing. Misalnya widget tampil disemua halaman kecuali halaman home, widget hanya tampil di halaman depan saja (homepage).

Cara Membuat Widget Tampil Pada Halaman Tertentu Saja:
1. Login ke dashboard blogger
2. Pilih Rancangan dan klik edit HTML
3. Beri tanda centang pada tulisan Expand Template
Widget
4. Lalu cari kode widget yg akan di tampilkan pada
halaman tertentu
5. Perhatikan contoh kode widget berikut ini
<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>
Suolnya nantinya widget tersebut dapat tampil dihalaman yang dikehendaki maka harus ditambahkan dengan kode yang berwarna biru berikut ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'>..........KODE WIDGET..........
</b:if>
 Hasilnya menjadi seperti ini.
<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>
Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja. Bagaimana agar widget tersebut muncul dihalaman tertentu atau tidak kita munculkan pada halaman tertentu? Nih gunakan kode berikut

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

1 komentar:

  1. saya juga menerapkan hal seperti ini saja dan menampilkan satu widget di halaman home, karena semakin banyak widget yang berkeliaran di beranda maka akan semakin berat loading blog

    BalasHapus

= > Silahkan berkomentar sesuai artikel di atas
= > Berkomentar dengan url (mati/ hidup) tidak akan dipublish