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>
<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).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>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>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>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>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>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>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>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>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>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>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>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.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>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 :
Perbloggeran