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

  • Rahasia muncul dan hilangnya widget di blogger
    Trik ini di gunakan untuk tujuan tertentu, menghilangkan atau memunculka widget sebagai mana mestinya atau lebih tepat fungsinya. misalkan di halaman depan blog ini sudah ada daftar posting update terbaru, jadi untuk widget recent post lebih cocok di munculkan hanya pada halaman posting saja. trik ini juga bisa di gunakan untuk membuat halaman…
  • Membuat background posting terakhir berbeda
    Saya bertemu hal menarik ketika mengunjungi salah satu blog milik sahabat blogger, yaitu pada setiap posting/artikel yang di publikasikan terakhir/terbaru memiliki background/latar belakang yang berbeda dengan artikel yang di terbitkan sebelumnya. trik ini, di buat agar setiap pengunjung tertarik untuk membaca artikel yang di publikasikan tera…
  • Cara membuat navigasi Breadcrumbs
      Cara Membuat Breadcrumbs SEO Friendly 1. Masuk ke Blogger 2. Klik Template > Edit HTML > Lanjutkan 3. Centang Expand Template Widget 4. Cari kode ]]></b:skin> dan simpan kode ini diatasnya: .breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb…
  • Membuat Related Post terbaru dengan gambar
    Di sini, saya akan memperkenalkan dua jenis tampilan related post thumbnail yaitu related post dengan gaya vertikal dan horisontal. related post ini berbeda dengan lainnya, ketka dalam satu label yang tidak memiliki posting lebih dari satu, maka akan secara otomatis akan menampilkan pesan tidak ada artikel terkait, juga memiliki kegunaan yang …
  • Blogger Mengatur Jumlah Posting per Halaman Label
    Blogger secara default biasanya menampilkan 20 postingan per halaman Label (kategory). Jumlah ini dapat kita rubah sesuai dengan keinginan/kebutuhan kita. Berikut ini langkah untuk mengatur  jumlah postingan per halaman label (kategori): Note: Sebaiknya gunakan browser Mozilla Firefox, jangan lupa mem-backup template sebelum mengedit …
  • Menampilkan profil di pencari google
    Masalah berbagi saya tidak punya lelah buat sobat, ini adalah trik baru untuk menyatakan bahwa sobat adalah penulis yang sah di mata mesin pencari google untuk artikel yang tercopas. maraknya copas hasil karya artikel dan tulisan blogger yang membuat bingung para pembaca dan cara menghadapinya, karena terkadang muncul dua hasil yang sama di m…

Tidak ada komentar :


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