Memahami Apa Fungsi Blogger Conditional Tag

Trik

Blogger Conditional Tag merupakan suatu tag yang terdapat pada template blogger. Dinamakan Conditional Tag karena memiliki fungsi untuk mengkondisikan suatu elemen / widget tampil di halaman tertentu, sehingga dengan adanya Blogger Conditional Tag akan membuat sebuah template blogspot bisa menjadi lebih flexibel dan dapat mengatur sebuah element yang sepatutnya muncul dalam saat kondisi - kondisi yang sebagaimana mestinya. semakin berkembangnya blogger, tak terelak lagi bahwa tag conditional kini berkembang menjadi sebuah trik - trik yang tidak biasa.

Dasar sebuah Conditional Tag Syntax Blogger

Syntax atau kode dasar dari sebuah blogger conditional tag umumnya adalah seperti berikut :

    <b:if cond='CONDITIONAL TAG'>
    ..............
    </b:if>
    <!-- atau -->
    <b:if cond='CONDITIONAL TAG'>
    ..............
    <b:else/>
    ..............
    </b:if>

Daftar Blogger Conditional Tag

Berikut beberapa daftar blogger conditional tag seputar yang saya ketahui.

1. Halaman Utama / Home Page

    <b:if cond='data:blog.pageUrl == data:blog.homepageUrl'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman home -->
    </b:if>

2. Halaman Index ( Halaman Utama, Label, dan Arsip )

    <b:if cond='data:blog.pageType == "index"'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman home, arsip, dan label -->
    </b:if>

3. Halaman Posting / Artikel

    <b:if cond='data:blog.pageType == "item"'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman posting -->
    </b:if>

4. Halaman Statis

    <b:if cond='data:blog.pageType == "static_page"'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman statis -->
    </b:if>

5. Halaman Posting & Statis

    <b:if cond='data:blog.url == data:post.url'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman posting & statis -->
    </b:if>

6. Halaman Arsip

    <b:if cond='data:blog.pageType == "archive"'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman arsip -->
    </b:if>

7. Halaman Label

    <b:if cond='data:blog.searchLabel'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman label -->
    </b:if>

8. Halaman Tertentu Berdasarkan Url

    <b:if cond='data:blog.url == "ALAMAT URL"'>
    <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman tertentu berdasarkan url diatas -->
    </b:if>

Contoh Penggunaan Blogger Conditional Tag

Contoh berikut, akan menampilkan tulisan “Selamat Datang” hanya di halaman utama saja.

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

Kesimpulan

Blogger conditional tag memberikan kemudahan bagi para blogger template developer untuk bisa menciptakan suatu template yang flexible. Salah satu contohnya, bisa kita lihat pada template blogger yang bertemakan magazine. Selain itu, dengan adanya conditional tag ini, kita sebagai pengguna juga akan menjadi lebih mudah dalam mengatur serta menyesuaikan tampilan halaman blog sesuai dengan kebutuhan. juga meletakkan element - element yang bertautan sesuai pada tempat yang semestinya sehingga tidak berbaur dalam satu lingkup yang tidak mencakup.

Semoga bermanfaat...

Artikel Terkait

  • Membatasi jumlah pencarian posting
    Kalau sebelumnya saya membahas tentang cara bagaimana membatasi jumlah posting yang di sajikan dalam pencarian per label, kali ini saya akan membahas cara membatasi jumlah posting yang akan di tampilkan ketika user atau pengunjung menggunakan form pencarian untuk menemukan sebuah artikel atau posting bukan dari kategori label. Bingung? coba l…
  • Alternatif posting tanpa judul
    Penasaran dengan judul posting ini silahkan simak saja, sebenarnya trik ini saya gunakan untuk mengganti sebuah judul pada sebuah posting yang tidak memiliki judul. adakah posting tanpa judul? mungkin terjadi karena lupa ketika membuat posting atau sebagainya. untuk menerepkan trik ini cukup mudah 1. Silahkan masuk ke Blogger 2. Pilih Templat…
  • jQuery Show Hide Checkboxes
    Kali ini saya akan share Show Hide sederhana menggunakan jQuery Checkboxes value, prinsip kerjannya sama saja dengan jQuery show hide hanya saja berbeda di medianya. trik ini juga sebelumnya pernah saya gunakan untuk membuat show hide emoticon, konversi kode dan halaman OOT di komentar blog saya, jika mungkin anda juga berminat menggunakan jQu…
  • Background posting berbeda - beda di homepage
    buat sobat yang sedang mencari trik atau cara untuk membuat tampilan posting tampil dengan warna background yang berbeda beda di setiap lebel dan halaman depan blog saja dan suka dengan tampilan seperti ini bisa menggunakan trik mudah berikut ini. caranya pun juga cukup mudah, silahkan buka editor template blog sobat lalu cari kode </head&…
  • Memasang total post dan total comment
    Mungkin ini bukan trik baru, tapi saya coba terapakan kembali sedikit trik lama ini untuk menambah keunikan di dalam tampilan blog saya. memasang total post dan total comment bukan hal yang sulit, karena kita hanya perlu menggunakan sedikit script. script yang di gunakan seperti di bawah ini: Script untuk Total Posts <script style="text/j…
  • Bagaimana cara menjadi youtuber
     YouTube adalah media sosial untuk berbagi dan menemukan berbagai video. Dilansir dari laporan We Are Social, pada tahun 2021, 94% penduduk Indonesia yang menggunakan internet mengakses YouTube. Ini membuktikan kalau YouTube merupakan media yang sangat digandrungi banyak orang. Nggak heran, sih, YouTube memang menyediakan berbagai konten yang…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...