Kumpulan Fungsi dan Kegunaan Tag Conditional Blogspot - Assalamualaikum Wr. Wb.
Kali ini saya akan mebahas tentang "Kumpulan Fungsi dan Kegunaan Tag Conditional Blogspot", Tag Conditional adalah suatu perintah atau tag yang digunakan untuk mengatur suatu elemen halaman tertentu baik itu CSS, widget untuk ditampilkan atau tidak ditampilkannya widget atau elemen-elemen lainnya dalam halaman blogspot Kalian atau bisa dikatakan sebagai menampilkan widget pada halaman tertentu. Biasanya tag conditional ini sering kita temukan pada halaman editor HTML template blogger.

Contoh

Pada suatu kasus Kalian tidak ingin menampilkan salah satu widget di halaman utama. Disini Kalian hanya ingin widget cukup dipasang atau ditampilkan di dalam halaman artikel atau halaman postingan saja. Nah, untuk itu  untuk mengatur tampil atau tidak tampilnya widget tersebut maka dibutuhkan sebuah Tag Conditional Blogspot pada widget tersebut.
Warning!! Tag Conditional hanya berfungsi pada platform Blogspot, tidak untuk platform blogger lainnya seperti Wordpress.

Kumpulan Tag Conditional dan Fungsinya

  1. Menampilkan Widget hanya di Homepage.
  2. <b:if cond="data:blog.url == data:blog.homepageUrl">
    .......ISI......
    </b:if>
  3. Menampilkan Widget selain di Homepage.
  4. <b:if cond="data:blog.url != data:blog.homepageUrl">
    .......ISI......
    </b:if>
  5. Menampilkan widget hanya di Archivepage
  6. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    .......ISI......
    </b:if>
  7. Menampilkan widget selain di Archivepage
  8. <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    .......ISI.....
    </b:if>
  9. Menampilkan Widget hanya di Itempages / Postingan
  10. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    .......ISI CSS......
    </b:if>
  11. Menampilkan Widget selain di Itempages / Postingan
  12. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    .......ISI......
    </b:if>
  13. Menampilkan Widget hanya di Staticpages
  14. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    .......ISI......
    </b:if>
  15. Menampilkan Widget selain di Staticpages
  16. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .......ISI CSS......
    </b:if>
  17. Menampilkan Widget Hanya di URL/Halaman tertentu.
  18. <b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
    .......ISI CSS......
    </b:if>
  19. Menampilkan Widget selain di URL/Halaman tertentu.
  20. <b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
    .......ISI CSS......
    </b:if>
  21. Menampilkan Widget hanya di halaman muka, tidak terlihat dihalaman posting
  22. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .......ISI CSS......
    .......ISI JAVASCRIPT......
    </b:if>
    </b:if>
  23. Menampilkan Widget hanya di halaman 404 Not Found/Errorpage
  24. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <a expr:href='HALAMAN/LINK_POSTINGAN_ERROR'/></b:if>
  25. Menampilkan Widget hanya di Mobile/seluler
  26. <b:if cond='data:blog.isMobile'>
    ... Isi ...
    </b:if>
  27. Menampilkan Widget di halaman perambaan label Semua/Umum
  28. <b:if cond='data:blog.searchLabel'>
    ...Isi...
    </b:if>
  29. Menampilkan Widget di halaman perambaan label Tertentu/Spesifik
  30. <b:if cond='data:blog.searchLabel == &quot;NAMA LABEL&quot;'>
    ...Isi....
    </b:if>
  31. Menampilkan Widget di halaman perambaan Keyword
  32. <b:if cond='data:blog.searchQuery == &quot;KEYWORD&quot;'>
    ...ISI...
    </b:if>
  33. Menampilkan Widget di halaman Posting Pertama
  34. <b:if cond='data:post.isFirstPost'>
    ...ISI...
    </b:if>

Contoh cara penggunaan


 <b:widget id='HTML2' 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;'>

    <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>

Warning!! Jangan lupa untuk Menganti code diatas, seperti alamatpostingan, HALAMAN/LINK_POSTINGAN_ERROR, NAMA LABEL, KEYWORD. Dan, jangan lupa untuk save template
Sekian Tutorial "Kumpulan Fungsi dan Kegunaan Tag Conditional Blogspot" dari saya. Semoga bermanfaat.
Wassalamualaikum Wr. Wb.

No comments

Silahkan Anda Berkomentar Sesuai topik diatas Tanpa iklan, Kata-kata kasar Dan link aktif, jika bertentangan komentar anda akan dihapus oleh Admin.

Terima Kasih,
Salam kami AJEKA-BLOG