jenis-jenis tag kondisional yang ada pada blogger diantara tag konsional homepage, halaman item, halaman statis, arsip, label, indeks, halaman error/error page, serta tag untuk halaman pencarian

Jenis-Jenis Tag Kondisional pada Blogger - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

jenis-jenis tag kondisional yang ada pada blogger diantara tag konsional homepage, halaman item, halaman statis, arsip, label, indeks, halaman error/error page, serta tag untuk halaman pencarian

Jenis-Jenis Tag Kondisional pada Blogger

Jenis-Jenis Tag Kondisional pada Blogger


Melanjutkan artikel sebelumnya yang menjelaskan apa itu tag kondisional? serta bagaimana penggunaannya. Kali ini saya memberikan jenis-jenis bentuk tag kondisional yang ada pada blogspot.

Tag Kondisional Halaman Muka/Homepage

Halaman Muka/Homepage yang biasa disebut juga dengan beranda dalah halaman url awal atau tanpa cabang. seperti:

http://nama_blog_saya.blogspot.com

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
     OBJEK 
</b:if>

Tag Kondisional Halaman Item

Item disini merupakan halaman posting. Sehingga bentuk urlnya merupakan url dari halaman posting seperti:

http://nama_blog_saya.blogspot.com/2012/10/url-judul-postingan.html

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
     OBJEK 
</b:if>

Tag Kondisional Halaman Statis

Halaman statis merupakan jenis halaman khusus dari Blogger yang akan berakhir pada nama berkas, namun saat halaman tersebut telah terbit halaman tersebut tidak akan masuk dalam daftar arsip blog, seperti ini:

http://nama_blog_saya.blogspot.com/p/baru-baru-ini.html
http://nama_blog_saya.blogspot.com/p/lama-lama-ini.html

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
     OBJEK 
</b:if>

Tag Kondisional Halaman Indeks

Halaman indeks adalah semua jenis halaman yang bukan halaman item:

http://nama_blog_saya.blogspot.com/p/baru-baru-ini.html
http://nama_blog_saya.blogspot.com
http://nama_blog_saya.blogspot.com/2012/12/lorem-ipsum.html

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Label

Halaman label merupakan tipe halaman hasil sortir label posting, yang umumnya diawali dengan cabang search/label/ kemudian diakhiri dengan kata kunci label, seperti ini:

http://nama_blog_saya.blogspot.com/search/label/Mengenai

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.searchLabel'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Tertentu

Tag kondisional ini digunakan jika kamu ingin menampilkan atau menyembunyikan objek pada tipe halaman tertentu yang bersifat sangat spesial.

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Kesalahan/Error Page

Halaman kesalahan/error page adalah halaman yang tidak ditemukan. URL yang tidak benar dan mengarah kepada sesuatu yang tidak pernah ada pada blog kita:

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Label Tertentu

Sama dengan tag kondisional halaman label, hanya saja dengan nama label tertentu seperti berikut:

http://nama_blog_saya.blogspot.com/search/label/Template

Bentuk tag kondisionalnya:
<b:if cond='data:blog.searchLabel == &quot;Template&quot;'>
    Saya akan tampil di halaman label `Template`
</b:if>

Tag Kondisional Halaman Pencarian

Halaman pencarian adalah tipe halaman hasil pencarian, yaitu halaman yang akan terbuka ketika kamu mengetik kata kunci pencarian pada kotak pencarian blog, serperti berikut:

http://nama_blog.blogspot.com/search/q?=css

Bentuk dari tag kondisionalnya seperti berikut:
<b:if cond='data:blog.searchQuery == &quot;css&quot;'>
    Saya akan tampil di halaman pencarian yang memiliki kata kunci `css`
</b:if>


Nah itu lah beberapa tag kondisional yang ada pada blogspot. Semoga dapat membantu.

Sumber: DTE ~ Tag Kondisional Tingkat lanjut
Satank Mkr Beri Komentar
Bagikan kepada teman!
Garis

13 comments:

  1. wew.. desain'a template'a dah mulai brubah ni.. :))

    BalasHapus
  2. sangat bagus artikel ini... ini yang paling saya cari

    BalasHapus
  3. Thanks tutorialnya. Benar2 bermanfaat. Saya mau tanya, bagaimana cara membuat tag kondisional pada template toko online agar tombol order hanya muncul pada posting berlabel "Produk"

    Mohon bantuannya...

    BalasHapus
    Balasan
    1. sepertinya tag kondisional tidak bisa di pakai uantuk yang seperti itu..
      karena biasanya tombol order di simpan di bagian posting..
      apa lagi kalau mau berdasarkan label yang ada..
      sepertinya klo yang begitu harus menggunakan javascript..
      maaf klo untuk saat ini saya belum bisa membantu.. [-(
      karena saya juga masih belajar..
      dan belum terlalu paham tentang JS..

      Hapus
    2. tambahan kalau tombol belinya diletakkan di dalam template mungkin bisa menggunakan cara seperti ini:
      <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:label.name == &quot;Produk&quot;'>
      <a href='URL ke halaman order'>Order/Beli</a>
      </b:if>
      </b:loop>

      Hapus
  4. mau tanya mas, kalau tag kondisional selain halaman posting bagaimana? jadi suatu elemen tampil disemua kondisi kecuali kondisi posting

    BalasHapus
    Balasan
    1. seperti ini:
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      OBJEK
      </b:if>

      untuk penjelasan lebih lengkap bisa ke: http://mkr-site.blogspot.com/2012/09/apa-itu-tag-kondisional.html

      Hapus
  5. ada nggak tag kondisional untuk homepage tanpa posting. trus template posting beda dengan template homepage. kaya di www.urang-kurai.blogspot.com . saya pernah coba tutorial membuat homepage tanpa posting, tapi gagal. tolong bantuannya.

    BalasHapus
  6. nemu juga penjelasannya disini gak bingung asli terperinci :D

    BalasHapus
  7. this is the first time i visit your site but i will be one of your permanent visitors, i hope you see my blog at International Decor

    BalasHapus
  8. keren templatenya,,, benar'' buat saya iri.

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by MKR Copyright © 2012 ~ 2013 Powered by Blogger
TOP