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

  • Membuat warna background posting populer
    Trik ini akan mengubah warna latar belakang blog Anda ketika posting/artikeln yang paling banyak dilihat di blog anda dibuka. Untuk melihat posting/artikel terpopuler atau paling banyak dilihat bisa dilihat dari widget popular post blogger, jika sobat belum tahu silahkan tambahkan widgetnya karena trik ini membutuhkan widget tersebut. Metode …
  • Memahami Apa Fungsi Blogger Conditional Tag
    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 eleme…
  • 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 …
  • Membuat iklan muncul sesuai dengan kategori posting
    Trik ini masih menggunakan tag Conditional yang telah saya tulis sebelum untuk "Membuat tampilan template berbeda dengan tag Conditional" dalam setiap kategori, perbedaannya hanya syntax atau exsekusi yang di tujukan adalah sebuah element. dengan mengatur munculnya iklan sesuai kategori akan membuat pengunjung lebih mudah mlihat iklan anda te…
  • 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…
  • 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…

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