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

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