27 August 2017

Home › Solusi blog › Tutorial blog › Cara Mudah Menampilkan Widget di Halaman Tertentu

Cara Mudah Menampilkan Widget di Halaman Tertentu

Daftar Isi [Lihat]

Cara mudah menampilkan widget di halaman tertentu - Sobat blogger.. Dalam artikel kali ini kita akan mencoba menjadikan suatu widget yang ada di web kita tampil di halaman tertentu.

Misalnya.. kita akan menampilkan Popular-Widget post di halaman tertentu (contoh: halaman postingan) dan tidak ditampilkan di halaman depan maupun halaman statis, kita bisa dengan mudah widget tersebut dengan cara kali ini..

Cukup dengan memanfaatkan tag conditional.. inilah yang saya sukai dari template blogspot.
Dengan cara tersebut kita dapat dengan mudah dapat mengatur dan menampilkan widget di halaman tertentu.
Jadi tag conditional tersebut diletakkan di dalam widget tertentu dan juga di halaman tertentu yang dimaksud..

Cara Mudah Menampilkan Widget di Halaman Tertentu

Adapun contoh pemasangannya adalah seperti dibawah.
pada contoh ini kita akan menampilkan widget popular post hanya di halaman posting.

Baca Juga Menyembunyikan iklan adsense di postingan tertentu
        <b:widget id='PopularPosts1' locked='false' title='Sering dibaca' type='PopularPosts' visible='true'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
....
....
....
</b:if>
</b:includable>
        </b:widget>

Seperti contoh di atas, tag conditional diletakkan di bawah <b:includable id='main'> dan tag penutupnya di atas </b:includable>

Mencari ID widget

Terkadang kita kesulitan mencari widget yang dikehendaki karena terlalu banyak widget yang terpasang.

Untuk cara pencarian yang mudah dan cepat kita sebaiknya memanfaatkan menu "Lompat ke widget" yang ada di dashboard blogger.

Widget semacam popular post, label dan semacamnya (widget bawaan blogger) akan terlihat langsung pada menu drop down yang ada di edit tema, jadi sangat mudah dan kita langsung pasang tag conditional nya disitu.

Tapi berbeda untuk widget skrip/html tambahan kita sendiri, setidaknya kita harus ingat kode yang kita pasang sehingga mempercepat untuk pemasangan tag conditional (kode tersebut akan nampak setelah kita expand).

Cara mudah menampilkan widget di halaman tertentu

Cara mudah menampilkan widget di halaman tertentu

Cara mudah menampilkan widget di halaman tertentu

  Untuk menampilkan widget di halaman tertentu yang lainnya, sobat bisa menggunakan kode tag conditional dibawah ini..

MENAMPILKAN WIDGET HANYA DI HALAMAN POSTING
<b:if cond='data:blog.pageType == &quot;item&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET DI SEMUA HALAMAN, KECUALI HALAMAN POSTING
<b:if cond='data:blog.pageType != &quot;item&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HOMEPAGE
<b:if cond='data:blog.url == data:blog.homepageUrl'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET DI SEMUA HALAMAN, KECUALI HOMEPAGE
<b:if cond='data:blog.url != data:blog.homepageUrl'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN ARCHIVE SAJA
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET DI SEMUA HALAMAN, KECUALI HALAMAN ARCHIVE
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI ALAMAT URL TERTENTU
<b:if cond='data:blog.url == &quot;alamat-postingan&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET DI SEMUA HALAMAN, KECUALI DI ALAMAT URL TERTENTU
<b:if cond='data:blog.url != &quot;alamat-postingan&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN STATIS
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET DI SEMUA HALAMAN, KECUALI HALAMAN STATIS
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HOMEPAGE SAJA (2 TAG CONDITIONAL)
DISEMBUNYIKAN DI HALAMAN POSTING DAN HALAMAN STATIS
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
// Kode widget //
// Kode widget //
</b:if>
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN ERROR SAJA
<b:if cond='data:blog.pageType == "error_page"'>
<a expr:href='URL HALAMAN ERROR'/>
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN MOBILE SAJA
<b:if cond='data:blog.isMobile'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN POSTING PERTAMA
<b:if cond='data:post.isFirstPost'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN SEMUA LABEL
<b:if cond='data:blog.searchLabel'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN LABEL TERTENTU
<b:if cond='data:blog.searchLabel == "NAMA LABEL"'>
// Kode widget //
</b:if>

MENAMPILKAN WIDGET HANYA DI HALAMAN PENCARIAN KEYWORD TERTENTU
<b:if cond='data:blog.searchQuery == "KEYWORD"'>
// Kode widget //
</b:if>

Dari kode-kode tag conditional diatas.
Penggunaan karakter == adalah untuk HANYA ditampilkan pada halaman yang dimaksud.
Dan penggunaan karakter != adalah untuk KECUALI pada halaman yang dimaksud.

Semoga artikel tentang Cara mudah menampilkan widget di halaman tertentu ini bermanfaat bagi pembaca semua..
cara agar widget hanya tampil di homepage, cara menyembunyikan / menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot, Cara menyembunyikan widget di android

Related Posts

4 comments

  1. Gylang Satria YudhaMarch 6, 2019 at 8:15 PM

    lengkap sekali, terima kasih informasinya mas.

    ReplyDelete
  2. Romli Dot NetJune 1, 2019 at 6:58 AM

    sama2 mas.. semoga bener2 bermanfaat..

    ReplyDelete
  3. Mickey139May 16, 2020 at 7:01 PM

    Kaka terima kasih infonya. Kalau hanya ingin menampilkan label di mesin pencari, tag conditionalnya tetap di html2 kah?

    ReplyDelete
  4. Johan CendonoJune 23, 2020 at 8:40 AM

    Bagaimanakah caranya agar widget hanya tampil pada halaman yang populer saja?

    ReplyDelete