Lazada

Fungsi Tag Kondisional Blogger Dan Cara Penggunaannya (Lengkap)

5 Comments October 05, 2018
Kumpulan Kode Tag Kondisional Lengkap Untuk Blogger Dan Beserta Fungsinya Di Lengkapi Dengan Cara Penggunaannya. Berjumpa lagi dengan saya di blog tercinta ini yaitu zona internetku, Untuk kali ini kita akan membahas kumpulan kode tag kondisional untuk blog yang bisa kalian terapkan di blog kalian untuk mengoptimasi script atau kode yang kalian gunakan.

Mungkin dari sebagian para blogger yang sudah lama terjun di dunia blogging pastinya sudah mengenal hal ini dengan baik, tapi mungkin untuk blogger newbie mereka masih perlu mempelajarinya supaya bisa lebih mengoptimalkan blog mereka.

Tag kondisional merupakan suatu kode yang digunakan untuk menyatakan suatu kondisi tertentu, seperti untuk menampilkan widget/elemen di halaman postingan saja, bisa juga untuk menyembunyikan widget/elemen di halaman homepage.
Baiklah, tanpa basa basi lagi saya akan menunjukkan beberapa kode tag kondisional yang bisa kalian terapkan di blog kalian beserta fungsinya sehingga kalian bisa menggunakannya dengan baik

Baca juga :

Fungsi Tag Kondisional Blogger Dan Cara Penggunaannya (Lengkap)

Kumpulan Fungsi Kode Tag Kondisional Blogger Lengkap Dengan Cara Penggunaannya Untuk Mengoptimasi Pada Widget Blogger


1. Halaman Homepage (halaman beranda)
<b:if cond='data:blog.url == data:blog.homepageUrl'></b:if>

Baru
<b:if cond='data:view.isHomepage'></b:if>

Contoh url : https://zonainternetku.blogspot.com/

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

Baru
<b:if cond='data:view.isPost'></b:if>

Contoh url : https://zonainternetku.blogspot.com/2018/10/cara-membuat-file-pdf.html

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

Baru
<b:if cond='data:view.isPage'></b:if>

Contoh url :  http://zonainternetku.blogspot.com/p/jasa-pasang-iklan.html

4. Halaman Indeks
Tag untuk halaman yang memiliki fitur untuk mencari artikel, seperti halaman homepage, search, label dan arsip.
<b:if cond='data:blog.pageType == &quot;index&quot;'></b:if>
Baru
<b:if cond='data:view.isMultipleItems'></b:if>

5. Halaman Label
Tag kondisioanal untuk menampilkan elemen saat berada di halaman label
<b:if cond='data:blog.searchLabel'></b:if>

Baru
<b:if cond='data:view.isLabelSearch'></b:if>

Contoh url: https://zonainternetku.blogspot.com/search/label/Blog

6. Halaman dengan label tertentu
Akan muncul pada halaman label yang telah ditentukan
<b:if cond='data:blog.searchLabel == &quot;Label Kamu&quot;'></b:if>

Baru
<b:if cond='data:view.search.label == &quot;Label Kamu&quot;'></b:if>

7. Halaman Search
Untuk menampilkan elemen pada saat berada di halaman pencarian atau data query dalam blog
<b:if cond='data:blog.searchQuery'></b:if>

Baru
<b:if cond='data:view.search.query'></b:if>

Contoh url: https://zonainternetku.blogspot.com/search?q=blog

8. Halaman Search (Dengan Custom KeyWord)
Bagian yang akan muncul di halaman search dengan memiliki kata kunci tertentu.
<b:if cond='data:blog.searchQuery == &quot;Kata Kunci&quot;'></b:if>

Baru
<b:if cond='data:view.search.query == &quot;Kata Kunci&quot;'></b:if>

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

Baru
<b:if cond='data:view.isArchive'></b:if>

Contoh url: https://zonainternetku.blogspot.com/2018/10/

10. Halaman Error Page (halaman tidak di temukan)
Tag ini gunanya untuk menampilkan peringatan bahwa halaman yang dicari tidak ada atau akibat dari adanya kesalahan url.
<b:if cond='data:blog.pageType == &quot;error_page&quot;'></b:if>

Baru
<b:if cond='data:view.isError'></b:if>

11. Halaman Url Tertentu (Khusus)
<b:if cond='data:blog.url == &quot;Url halaman&quot;'></b:if>
data:blog.url adalah kode untuk menampilkan url asli yang dibuka. Di versi terbaru bisa menggunakan data:view.url. Ketika url tersebut sama dengan url yang diisi, maka hasilnya akan benar sehingga . Jika pindah ke custom domain maka Url Halaman juga dari blogspot harus diganti dengan custom domain.

Contoh url: https://zonainternetku.blogspot.com/2018/10/penggunaan-tag-kondisional-blogger.html.

12. Halaman Preview dan Layout atau Pratinjau dan Tata Letak
Tak ini bisa digunakan untuk tidak menampilkan js adsense pada halaman layout (tata letak) dan preview (pratinjau). Tujuannya tentu agar iklan tidak tampil saat artikel di buka dalam pratinjau.

<b:if cond='data:view.isLayoutMode and data:view.isPreview'></b:if>

13. Optimasi Khusus Tampilan Mobile
Kode ini hanya akan membaca untuk kode HTML yang ditampilkan khusus di perangkat mobile alias HP dan Tablet.

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

Contoh url: https://zonainternetku.blogspot.com/?m=1

Fungsi Deklarasi NOT, AND, OR Pada Tag Kondisional Blogger


Dalam penggunaan tag kondisional blogger kita juga bisa memberikan fungsi deklarasi pada tag kondisional tersebut supaya menjadi lebih singkat

1. NOT
Kondisi jika bukan halaman yang dimaksud, yang artinya kode tersebut tidak akan ditampilkan pada halaman yang dimaksud. Tambahkan fungsi ! (tanda seru)
<b:if cond='data:blog.url != data:blog.homepageUrl'>

Baru
<b:if cond='!data:view.isPost'>

2. AND
Kondisi jika keduanya benar. Tambahkan fungsi AND
<b:if cond='!data:view.isPost AND data:view.isMultipleItems'>

3. OR
Kondisi jika salah satunya benar. Tambahkan fungsi OR
<b:if cond='data:view.isPost OR data:view.isMultipleItems'>

Tambahan :
Untuk menggabungkan banyak url halaman pada tag halaman tertentu. Jika pada seperti tag kodnisional seperti no.11 di atas hanya 1 url saja, maka untuk multi urlnya:

<b:if cond='data:view.url in {&quot;Url halaman 1&quot;,&quot;Url halaman 2&quot;,&quot;Url halaman seterusnya&quot;}'></b:if>
Perhatikan ada tanda koma. Di sisi lain bisa menggunakan and, yang artinya jika penggunann dari kedua/lebih kondisi benar maka akan ditampilkan. Jika salah satu tidak ada yang benar maka tidak akan ditampilkan.

Baca juga :

Demikian kumpulan kode tag kondisional blogger yang dapat saya tunjukkan kepada kalian semua, selamat mencoba dan bereksperimen.
Promo Menarik
Thumbnail
Diskon Barang Elektronik Di Lazada Hingga 80%
Cek disini
Thumbnail
Promo Cuci Gudang, Diskon Sampai 50%
Cek disini
Thumbnail
Murah Pol - Barang Murah Berkualitas Mewah
Cek disini
Thumbnail
Tampil Cantik Gak Perlu Mahal - Diskon 50%
Cek disini
Thumbnail
Kumpulan Barang Untuk Kesehatan - Diskon 50%
Cek disini

5 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. Halaman label tertentu sudah tidak berlaku (tidak bisa diterapkan) gan?
    Ada solusi

    ReplyDelete
  3. Untuk @Kang Onk

    script tersebut sudah saya coba dan script tersebut masih work kok.
    Mungkin masalahnya adalah nama label yang kamu tulis tidak sama dengan yang di tag kondisional, karena beda penulisan sedikit saja maka script tersebut tidak berfungsi dengan semsetinya.
    Oleh karena perhatikan dengan betul betul pada saat menulis nama label pada tag kondisional tersebut, jika pada label postingan menggunakan huruf kapital maka harus pakai huruf kapital pula, begitu juga sebaliknya.

    Semoga dengan solusi ini masalah anda bisa selesai, jika masih belum bisa, kamu bisa menghubungi saya lewat email atau halaman kontak. Terima kasih.

    ReplyDelete
  4. Min, cara menyembunyikan related post di bawah postingan untuk label tertrntu gimana ya? Jadi artikel dengam label lainnya tetap tampil, hanya artikel dengan label tertentu aaja yang ingin disembunyikan

    ReplyDelete
    Replies
    1. Gak bisa gan, karena saat ini platform blogger masih belum menyediakan tag kondisional seperti itu.

      Tapi kalo bikin script sendiri menggunakan kode javascript dengan memakai fungsi if else mungkin bisa. nanti tinggal disesuaikan dengan kode label xhtml blogger data:label.name

      Delete

Komentar spam tidak akan di tampilkan !
Maka nikmat Tuhanmu yang manakah yang kamu dustakan?
Kembalilah ke jalan yang benar sebelum Allah sendiri yang memberikan peringatan kepadamu

Lazada