Cara menampilkan widget di halaman tertentu

Membuat widget hanya terlihat atau muncul dihalaman tertentu adalah solusi agar halaman blog anda terlihat rapi dan tidak terlalui ramai, jadi hanya menampilkan widget terpilih yang relevan dengan halaman blog anda. Dengan cara ini anda bisa mengatur tampil widget misalnya, widget terlihat hanya atau kecuali di halaman Homepage, Archive, Label & URL tertentu dan Static pages.

Tehnik ini menggunakan "</b:if>"  conditional tag pada XML Blogger, yang berfungsi sebagai perintah agar widget akan muncul atau disembunyikan di halaman tertentu saja.

Membuat Widget Tidak Terlihat Pada Halaman Tertentu

Pada Cond Tag tersebut bisa kita rubah untuk menampilkan atau menyembunyikan widget. Dengan mengganti "==" menjadi "!=" (!selain atau kecuali) yang artinya widget tersebut tidak terlihat / disembunyikan di jenis halaman yang anda tentukan.

<!-- hanya terlihat di homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
<!-- terlihat kecuali di homepage -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

Daftar Jenis Type Halaman Blogger

Kemudian anda tinggal rencanakan widget yang anda pilih akan terlihat atau tidak terlihat di jenis halaman blog anda.

Halaman Depan (Homepage)

<!-- widget hanya terlihat di halaman homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

Halaman Archive

<!-- widget hanya terlihat di halaman archive -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

Halaman Postingan

<!-- widget hanya terlihat di halaman postingan -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

Di Halaman URL Tertentu

<!-- widget hanya terlihat di halaman postingan -->
<b:if cond='data:blog.pageType == &quot;url-postingan&quot;'>
......................................................
</b:if>

Di Halaman StaticPages

<!-- widget hanya terlihat di halaman staticpages -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

Di Halaman Label / Tag Tertentu

<!-- widget hanya terlihat di halaman label / tag tertentu -->
<b:if cond='data:blog.searchLabel == &quot;nama_label&quot;'>
......................................................
</b:if>

Setelah anda mengedit html template anda, klik "Save template". Untuk melakukan hal yang sama pada widget yang lain, lakukan langkah-langkah sama seperti diatas

• Cari widget ID.
• Cari elemen widget di Edit HTML Template.
• Masukan kondisi tag sesuai jenis halaman pada elemen widget.

Note tambahan :

Oh yah ini ada tambahan lagi agar widget bisa tampil di tampilan mobile ( handphone ) atau tidak bisa tampil yang saya lihat dari Blog Arlinadesign

Bila ingin tampil di tampilan mobile pasang dengan cara sama di atas kode dibawah ini

<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Sedangkan bila tidak mau ditampilkan, sobat tinggal ganti tulisan "true" dengan "false"

Selamat mencoba...👷

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts