Tempat belajar blogspot

Apa Itu Blogger Page Types dan Conditional Tags


Pengertian blogger page types dan conditional tags pada blogspot

Blogger page types dan conditional tags adalah dua hal yang berkaitan, kenapa bisa berkaitan? Karena untuk bisa menggunakan tag kondisional harus dilengkapi dengan jenis halaman blogspot tersebut. Perlu diketahui sebelum mempelajari jenis halaman blogspot dan kondisional tag ini, sangat disarankan memiliki pemahaman dasar mengenai HTML untuk mempermudah memahami susunan penulisan kode.

Baca juga : Apa itu HTML?

Apa fungsi blogger page types

Blogger page types bisa juga disebut dengan jenis halaman blogger dan nama - nama dari halaman tersebut digunakan pada sebuah kondisional tag. Sebagai contoh kita ingin memberikan sebuah CSS pada class "post-title entry-title" khusus untuk halaman static page saja, kita bisa menggunakan kondisional tag hanya untuk static page seperti dibawah ini.

Baca juga : Apa itu static page atau halaman statis?

Berikut contoh penulisan kondisional tag.
<b:if cond='data:blog.pageType == "static_page"'>
  <style>
    .selektor1 {property: value; property: value;}
    .selektor2 {property: value; property: value;}
  </style>
</b:if>

Hasil dari penulisan kode diatas khususnya kode yang berada didalam tag kondisional hanya akan berjalan apabila berada pada halaman yang dituju, dalam contoh diatas adalah halaman statis.

Maka penulisan kode CSS tersebut walaupun menggunakan selektor class tetap saja akan berjalan pada halaman statis saja dan tidak mempengaruhi halaman lainnya, seperti halaman index atau beranda dan halaman post atau artikel.

Baca juga : Selektor class pada CSS?

Kode yang bisa digunakan didalam tag kondisional tidak hanya sebatas kode CSS saja, melainkan kode JavaScript pun bisa di kondisikan hanya pada halaman tertentu.

Setelah kita memahami fungsi penggunaan tag kondisional atau conditional tags untuk blogger, berikut ada beberapa kondisional yang bisa digunakan pada platform blogger.

Daftar tag kondisional blogger

Berikut beberapa tag yang bisa digunakan pada blogger dan perlu diketahui penempatan kondisional tag ini bisa diletakkan di edit HTML atau pada widget juga (penambahan widget HTML).
  1. Kondisional tag homepage

    Kondisional tag ini akan berjalan pada halaman utama blogspot.
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      BERJALAN HANYA DI HOMEPAGE
    </b:if>
  2. Kondisional tag post dan statis

    Kondisional tag ini akan berjalan pada halaman post dan statis.
    <b:if cond='data:blog.url == data:post.url'>
      BERJALAN HANYA DI HALAMAN POST DAN STATIS
    </b:if>
  3. Kondisional tag halaman statis

    Kondisional tag ini akan berjalanan pada halaman statis saja.
    <b:if cond='data:blog.pageType == "static_page"'>  
      BERJALAN HANYA DI HALAMAN STATIS
    </b:if>
  4. Kondisional tag halaman post

    Kondisional tag ini akan berjalanan pada halaman post atau artikel saja.
    <b:if cond='data:blog.pageType == "item"'>  
      BERJALAN HANYA DI HALAMAN POST ATAU ARTIKEL
    </b:if>
  5. Kondisional tag halaman index

    Kondisional tag ini akan berjalan pada halaman utama, halaman label, dan halaman arsip.
    <b:if cond='data:blog.pageType == "index"'>
      BERJALAN HANYA DI HALAMAN INDEX
    </b:if>
  6. Kondisional tag halaman label

    Kondisional tag ini akan berjalan pada halaman label atau search label.
    <b:if cond='data:blog.searchLabel'>
      BERJALAN HANYA DI HALAMAN LABEL
    </b:if>
  7. Kondisional tag halaman label tertentu

    Kondisional tag ini akan berjalan pada halaman label atau search label secara spesifik.
    <b:if cond='data:blog.searchLabel == "NAMA LABEL"'>
      BERJALAN HANYA DI HALAMAN LABEL TERTENTU
    </b:if>
  8. Kondisional tag halaman pencarian

    Kondisional tag ini akan berjalan pada halaman pencarian.
    <b:if cond='data:blog.searchQuery'>
      BERJALAN HANYA DI HALAMAN PENCARIAN
    </b:if>
  9. Kondisional tag halaman arsip

    Kondisional tag ini akan berjalan pada halaman arsip.
    <b:if cond='data:blog.pageType == "archive"'>
      BERJALAN HANYA DI HALAMAN ARSIP
    </b:if>
  10. Kondisional tag postingan pertama

    Kondisional tag ini akan berjalan pada halaman yang berisi beberapa post atau artikel dan efek yang diberikan hanya untuk postingan pertama pada sebuah halaman yang berisi beberapa postingan.
    <b:if cond='data:post.isFirstPost'>
      HANYA BERJALAN DI SEBUAH POSTINGAN PERTAMA PADA HALAMAN MULTI POST
    </b:if>
  11. Kondisional tag halaman error 404

    Kondisional tag ini akan berjalan pada halaman error 404 atau halaman tidak ditemukan.
    <b:if cond='data:blog.pageType == "error_page"'>
      HANYA BERJALAN DI HALAMAN ERROR 404
    </b:if>
  12. Kondisional tag halaman URL tertentu

    Kondisional tag ini akan berjalan pada sebuah halaman URL tertentu.
    <b:if cond='data:blog.url == "URL"'>
      HANYA BERJALAN DI SEBUAH HALAMAN URL TERTENTU
    </b:if>

Alternatif lain cara penggunaan tag kondisional blogger

Setelah mengetahui beberapa tag kondisional untuk blogger, pada poin ini ada sedikit tips atau cara lain untuk menggunakan tag kondisional tersebut dan cara alternatif ini menurut saya cukup penting untuk dipelajari yang mungkin kedepannya berguna saat iki mencoba membuat template sendiri.
  1. Membalik kondisional tag

    Cara ini bisa digunakan untuk membalik sebuah kondisi yang ditetapkan, dengan memberi tanda != (artinya tidak atau tidak sesuai) sedangkan tanda == (artinya sama dengan atau sesuai).
    Lihatlah contoh penulisan dibawah ini untuk lebih jelasnya.
    <b:if cond='data:blog.pageType != "item"'>
      BERJALAN HANYA PADA KONDISI DILUAR HALAMAN ARTIKEL
    </b:if>
  2. Menggunakan dua kondisional dalam satu kondisional tag

    Cara ini dapat digunakan apabila dalam kondisi tertentu kita menginginkan lebih dari satu kondisi yang akan kita tetapkan.
    <b:if cond='data:blog.pageType == "item"'>
      BERJALAN APABILA KONDISI SESUAI DENGAN YANG DITETAPKAN
        <b:else/>
      BERJALAN APABILA KONDISI TIDAK SESUAI DENGAN YANG DITETAPKAN
    </b:if>

Setelah kita mencoba memahami fungsi - fungsi dari penggunaan tag kondisional untuk blogger, maka kita memiliki peluang untuk membuat perubahan dari sebuah template blogger atau mungkin kita ingin mencoba membuat template blogger hasil karya sendiri. Banyak orang - orang mengira bahwa membuat halaman blog menggunakan platform blogger tampilannya membosankan atau monoton itu - itu saja, seharusnya anggapan seperti itu bisa kita hilangkan menggunakan kondisional tag dan pemahaman jenis halaman blogger. Sebagai contohnya saja dengan memafaatkan tag kondisional ini kita juga bisa membuat sebuah deskripsi dan judul pada sebuah halaman index, seperti halaman index untuk search label yang pada umumnya halaman tersebut memiliki judul dan deskripsi sama dengan halaman homepage atau halaman utama blog.

Penggabungan kondisional tag dengan meta open graph juga bisa membuahkan sebuah hasil tampilan rendering judul, deskripsi, dan bahkan gambar untuk sebuah halaman index tertentu. Trik ini tidak susah selama kita memahami cara kerja tag kondisional dan penggunaan meta open graph.

Baca juga : Meta Tag Open Graph Khusus Blogger

Tapi pastinya tetap ilmu dasar seperti HTML, CSS, dan JavaScript wajib kita pelajari juga walaupun tidak semuanya kita bisa memahami.
Terima kasih semoga artikel ini berguna bagi kita pengguna blogger yang ingin mencoba memodifikasi template sendiri.

Artikel ini ditulis oleh :
Amateur Blog Design

4 comments:

  1. fungsinya bagus juga...ijin praktek gan

    ReplyDelete
  2. wah mantap gan. kebetulan ane lagi belajar bikin template blogger

    ReplyDelete
  3. biasanya saya beli aja gan kalau template.. sangat membantu artikelnya gan.

    ReplyDelete

1. Berkomentarlah dengan sopan.
2. Berdiskusilah dengan bijak.
3. Dilarang SPAM.
4. Dilarang SARA.
5. Dilarang menuliskan tautan link.

Featured Post

Apa itu CSS Syntax dan Selector

CSS ( Cascading Style Sheet ) sudah dijelaskan mengenai pengertian CSS pada artikel sebelumnya Apa itu CSS , namun pada artikel yang sekara...