Menampilkan/Menyembunyikan Widget atau Elemen Blogger di Halaman Tertentu
 Dilihat  Kali
Jumat, 19 Juli 2019

Menampilkan/Menyembunyikan Widget atau Elemen Blogger di Halaman Tertentu

Menampilkan/Menyembunyikan Widget atau Elemen Blogger di Halaman Tertentu adalah salah satu topik yang banyak dicari para pengguna Blogger. Penggunaannya disebut Conditional Tag. Conditional Tag sendiri memiliki cara kerja yang hampir sama dengan fungsi IF (fungsi logika) dalam bahasa pemrograman. Secara sederhana penggunaan Conditional Tag dalam XML Blogger adalah seperti contoh berikut ini.

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

Bagian titik yang ditandai warna merah diisi dengan widget atau elemen yang diinginkan. Perintah diatas akan diartikan oleh mesin untuk menampilkan widget atau elemen hanya pada halaman Beranda/Homepage. Sedangkan untuk perintah agar widget atau elemen muncul disemua halaman kecuali halaman Beranda/Homepage kamu hanya perlu mengganti bagian == dari kode diatas dengan !=, maka pengkodeannya akan seperti berikut ini.

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

Kode diatas tersebut akan menampilkan widget atau elemen pada semua halaman blog kecuali halaman Beranda/Homepage. Cukup mudah bukan untuk menerapkannya, jadi kamu hanya perlu menggunakan == untuk menampilkan widget atau elemen hanya pada halaman tertentu dan menggunakan != untuk menyembunyikan widget atau elemen hanya pada halaman tertentu. Dibawah ini adalah contoh cara penerapannya.

Menampilkan Widget atau Elemen

<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <style type="text/css">
      #footer { display: none;}
   </style>
</b:if>

Menyembunyikan Widget atau Elemen

<b:if cond='data:blog.url != data:blog.homepageUrl'>
   <style type="text/css">
      #footer { display: none;}
   </style>
</b:if>

Selain halaman Beranda/Homepage kita juga dapat Menampilkan/Menyembunyikan Widget atau Elemen pada halaman lainnya yang akan kita bahas dibawah ini.

Condisional Tag untuk Blogger

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

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

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

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

// Halaman Label
<b:if cond='data:blog.searchLabel'>...</b:if>

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

// Halaman URL Tertentu
<b:if cond='data:blog.url == &quot;URL-HALAMAN&quot;'>...</b:if>

// Halaman Label Tertentu
<b:if cond='data:blog.searchLabel == &quot;LABEL&quot;'>...</b:if>

// Halaman Selular/Ponsel
<b:if cond='data:blog.isMobile'>...</b:if>

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

// Halaman Hasil Pencarian Tertentu
<b:if cond='data:blog.searchQuery == &quot;LABELNYA&quot;'>...</b:if>

Perintah Conditional Tag untuk widget sendiri cukup berbeda dimana kita harus menentukan widget mana yang ingin kita berikan Conditional Tag, misalkan saya akan memberikan Contidional Tag pada Widget HTML1 maka saya mencari widget tersebut di Edit HTML jika sudah ditemukan maka kode yang terlihat akan seperti ini.
<b:widget id='HTML1' locked='false' title='' type='HTML'>
  <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h4 class='title'><data:title/></h4>
    </b:if>
    <div class='widget-content'>
      <data:content/>
    </div>
  <b:include name='quickedit'/>
  </b:includable>
</b:widget>

Setelah melihat tampilan kode seperti di atas letakkan kode Conditional Tag setelah kode
<b:includable id='main'>...</b:includable>
sehingga akan menjadi seperti ini
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if></b:includable>
contoh penerapannya bisa kamu lihat dibawah ini.

<b:widget id='HTML1' locked='false' title='' 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;'>
          <h4 class='title'><data:title/></h4>
        </b:if>
        <div class='widget-content'>
          <data:content/>
        </div>
      <b:include name='quickedit'/>
    <:b:if>
  </b:includable>
</b:widget>

Mungkin dengan cara di atas kamu sudah cukup memahami tentang peletakan kode Conditional Tag untuk widget atau elemen pada Blogger. Selalu ingat untuk memperhatikan dengan baik pemberian kode penutup pada Conditional Tag yaitu kode </b:if> yang menandakan akhir perintah Conditional Tag.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.