Tag Kondisional Tingkat Lanjut
Pembaharuan: 28 Oktober 2012
« Bab Sebelumnya - Selain tag kondisional halaman muka, ada juga beberapa tag kondisional lain seperti ini:
Tag Kondisional Halaman Kesalahan/Error Page
Halaman kesalahan/error page adalah halaman yang tidak ditemukan. URL yang tidak benar dan mengarah kepada sesuatu yang tidak pernah ada pada blog kita:
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.pageType == "error_page"'>
OBJEK
</b:if>
Tutorial selengkapnya mengenai tag kondisional ini bisa Anda baca di sini.
Tag Kondisional Halaman Muka/Homepage
Halaman muka/homepage adalah tipe halaman murni, yang masih bersih dari cabang URL seperti ini:
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
OBJEK
</b:if>
Tag Kondisional Halaman Item
Halaman item adalah tipe halaman yang akan selalu berakhir pada nama berkas, seperti ini:
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.pageType == "item"'>
OBJEK
</b:if>
Tag Kondisional Halaman Arsip
Ciri khusus halaman arsip adalah halaman muka yang diikuti oleh cabang URL tahun dan tanggal, namun tidak sampai kepada nama berkas halaman item, hanya sampai pada URL dengan akhir cabang archive.html
di ekornya. Seperti ini:
- http://nama_blog.blogspot.com/2011_05_01_archive.html
- http://nama_blog.blogspot.com/2010_10_01_archive.html
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.pageType == "archive"'>
OBJEK
</b:if>
Tag Kondisional Halaman Statis
Halaman statis adalah jenis halaman spesial dari Blogger yang akan berakhir pada nama berkas, namun saat halaman tersebut telah terbit halaman tersebut tidak akan masuk dalam daftar arsip blog, seperti ini:
- http://nama_blog.blogspot.com/p/baru-baru-ini.html
- http://nama_blog.blogspot.com/p/lama-lama-ini.html
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.pageType == "static_page"'>
OBJEK
</b:if>
Tag Kondisional Halaman Indeks
Halaman indeks adalah semua jenis halaman yang bukan halaman item:
- http://nama_blog.blogspot.com/p/baru-baru-ini.html
- http://nama_blog.blogspot.com
- http://nama_blog.blogspot.com/2012/12/lorem-ipsum.html
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.pageType == "index"'>
OBJEK
</b:if>
Tag Kondisional Halaman Label
Halaman label adalah tipe halaman hasil sortir label posting, yang umumnya diawali dengan cabang search/label/
kemudian diakhiri dengan kata kunci label, seperti ini:
Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.searchLabel'>
OBJEK
</b:if>
Tag Kondisional Halaman Tertentu
Tag kondisional ini digunakan jika kamu ingin menampilkan atau menyembunyikan objek pada tipe halaman tertentu yang bersifat sangat spesial. Tag kondisionalnya adalah seperti ini:
<b:if cond='data:blog.url == "URL HALAMAN"'>
OBJEK
</b:if>
Tag Kondisional Halaman Label Tertentu
Sama dengan tag kondisional halaman label, hanya saja dengan nama label tertentu:
<b:if cond='data:blog.searchLabel == "Liburan"'>
Saya akan tampil di halaman label `Liburan`
</b:if>
Pola URL halaman label:
Tag Kondisional Halaman Pencarian
Halaman pencarian adalah tipe halaman hasil pencarian, yaitu halaman yang akan terbuka ketika kamu mengetik kata kunci pencarian pada kotak pencarian blog:
<b:if cond='data:blog.searchQuery == "css"'>
Saya akan tampil di halaman pencarian yang memiliki kata kunci `css`
</b:if>
Pola URL halaman pencarian:
57 Comments:
simpeennn :)
By Admin, at Saturday, August 13, 2011 at 12:11:00 PM GMT+7
ijin ctrl d bang :)
By Putra, at Monday, March 5, 2012 at 9:05:00 PM GMT+7
@Alam Perwira Semoga bermanfaat :)
By Taufik Nurrohman, at Tuesday, March 6, 2012 at 2:46:00 PM GMT+7
Nahh Betulll Tuh Yang bukan halaman index memang halaman post sama static \o/
By Sinto, at Sunday, March 25, 2012 at 5:11:00 AM GMT+7
kalo kondisi untuk url ketika melakukan klik pda older post dan newer post gimana gan ?
By Unknown, at Thursday, May 3, 2012 at 6:14:00 PM GMT+7
@Phreakers Selain di halaman muka, selain di halaman item dan selain di halaman statis. Kira-kira begini:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
Saya akan tampil selain di halaman muka, selain di halaman item dan selain di halaman statis,
Alias: Halaman older-post/newer-post!
</b:if>
</b:if>
</b:if>
By Taufik Nurrohman, at Thursday, May 3, 2012 at 6:46:00 PM GMT+7
mas mau tanya, saya mau bikin sebuah form search yang tersembunyi di balik header, namun ketika tombol search di klik, header tersembunyi dan berganti dengan form search. itu bagaimana caranya?? mohon bantuan, bagaimana susunan tag condisionalnya?? makasih mas... ;)
By Unknown, at Saturday, October 13, 2012 at 6:45:00 AM GMT+7
Izin Repost sob... maaf bahasanya akan saya sederhanakan bukan seperti sobat yang sudah mahir... mohon koreksi apabila ada kesalahan :)
By Kang Ismet, at Wednesday, October 24, 2012 at 11:41:00 PM GMT+7
:-d :-d :-d
By Taufik Nurrohman, at Friday, October 26, 2012 at 10:52:00 AM GMT+7
mas mau tanya, saya mau bikin sebuah form search yang tersembunyi di balik header, namun ketika tombol search di klik, header tersembunyi dan berganti dengan form search. itu bagaimana caranya?? mohon bantuan, bagaimana susunan tag condisionalnya?? makasih mas...
By Unknown, at Saturday, October 27, 2012 at 4:42:00 PM GMT+7
⇒ /2012/10/auto-hide-search-form-inside-header.html
By Taufik Nurrohman, at Saturday, October 27, 2012 at 8:51:00 PM GMT+7
tag conditonal untuk menampilkan selain di halaman search label gimana yah?
di atas cuma ada
OBJEK
By Surga Kenari, at Tuesday, November 20, 2012 at 5:32:00 AM GMT+7
Mungkin begini:
<b:if cond='data:blog.searchLabel == ""'>
...
</b:if>
By Taufik Nurrohman, at Tuesday, November 20, 2012 at 8:10:00 AM GMT+7
Mas, mau tanya nih. kalau untuk halaman pencarian berdasarkan waktu bagaimana bentuknya? contoh url http://myblog.blogspot.com/search?updated-min=2013-01-01T00:00:00-08:00&updated-max=2014-01-01T00:00:00-08:00&max-results=5 tapi yg berlaku untuk semua pencarian berdasar waktu.
apa akan jadi begini <i rel="pre"><b:if cond='data:blog.searchUpdate'>
OBJEK
</b:if></i>
By Jerry Kong, at Thursday, February 7, 2013 at 3:33:00 PM GMT+7
Kalau yang itu saya sudah paham mas, tapi ini kan hasil pencarian berdasarkan update per tahun, jadi nilai max-results akan berubah berdasarkan jumlah posting pada tahun tersebut yang berarti saya harus bikin tag kondisional lagi setiap habis update posting kan repot mas 0:) ini terjadi pada arsip blogger berdasarkan tahun. Jadi adakah kode yang lebih umum yang berlaku untuk url tersebut? Misalnya kalau untuk label kan cond='data:blog.searchLabel' jadi walaupun saya buat label baru saya tidak perlu menambahkan lagi karena cond='data:blog.searchLabel' berlaku untuk semua label
By Jerry Kong, at Sunday, February 10, 2013 at 11:49:00 AM GMT+7
Tidak ada. Paling mendekati ya pakai saja tag kondisional halaman arsip:
<b:if cond='data:blog.pageType == "archive"'></b:if>
By Taufik Nurrohman, at Sunday, February 10, 2013 at 12:44:00 PM GMT+7
mas kalau mau yembunyien footer di hlaman page aja gimana?
soalnya saya udah coba psng tag Kondisional tapi pada halaman posting ikut ngilang..!!
By azewBz, at Friday, February 15, 2013 at 4:30:00 PM GMT+7
Tergantung bentuk HTML footernya bijimana.
By Taufik Nurrohman, at Saturday, February 16, 2013 at 7:30:00 AM GMT+7
bisa di cek mas zewbz.blogspot.com
contoh yg saya maksud.
http://1.bp.blogspot.com/-TL2_EjfIefs/UR7T60JTYPI/AAAAAAAAAcw/5LCYpJlJSOk/s1600/b.jpg
sperti di atas mas`cuman muncul di homepage saja dan hlang saat masuk posting dan pages..!!
By azewBz, at Saturday, February 16, 2013 at 7:36:00 AM GMT+7
mas kalo mau ngumpetinya tapi ada di dalem file.css gimana
misal punya main.css terus didalemnya ditaroh ini bisa kebaca gak ya sama bloggernya :'(
css yang saya mau taruh di halaman post
By Anonymous, at Saturday, February 16, 2013 at 12:29:00 PM GMT+7
pke </style> juga bisa mas..!!
ga usah repot pake tag kondisional..
By azewBz, at Saturday, February 16, 2013 at 1:25:00 PM GMT+7
maksud akang ??
kan cssnya udah saya hosting
By Anonymous, at Saturday, February 16, 2013 at 11:04:00 PM GMT+7
Tag kondisional bukan CSS, kalau dimasukkan ke dalam file CSS malah akan merusak (beda bahasa), solusinya bisa dengan memanfaatkan kelas pada tag <body> seperti ini ⇒ Membuat Kelas Spesifik pada Tag BODY Berdasarkan Tipe Halaman
By Taufik Nurrohman, at Sunday, February 17, 2013 at 7:16:00 PM GMT+7
mas, kalau tanda "sama dengan" dalam bahasa HMTL kan: "=="
kalau tanda "tidak sama dengan", dituliskan: "!="
Nah, kalau tanda "lebih dari..." atau "kurang dari...", bagaimana cara penulisannya mas??
Terima kasih sebelumnya mas... :)
By Unknown, at Thursday, May 30, 2013 at 11:02:00 AM GMT+7
Misalnya seperti ini:
<!-- Jumlah komentar lebih dari 0 -->
<b:if cond='data:post.numComments > 0'>
<!-- Jumlah komentar kurang dari 10 -->
<b:if cond='data:post.numComments < 10'>
Terkait: XHTML Blogger, Seksi Komentar
By Taufik Nurrohman, at Friday, May 31, 2013 at 9:54:00 PM GMT+7
kalau tag kondisional pada 'deleted comment' gimana mas? misalkan saya ingin menyembunyikan avatar, comment-date, dll.. hanya tampil komentar telah dihapus..
By Kang Ismet, at Tuesday, September 24, 2013 at 12:32:00 PM GMT+7
Cuma bisa untuk XML komentar yang lama:
<b:if cond='data:comment.isDeleted'>
⇒ /2012/11/xhtml-blogger-seksi-komentar.html#table-3_row-15
By Taufik Nurrohman, at Tuesday, September 24, 2013 at 1:06:00 PM GMT+7
kode awal kan seperti ini di blog saya :
<b:if cond='data:comment.isDeleted'>
<p class='deleted-comment'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a> <div class='clear'/>
</b:if>
setelah ditambah CSS seperti ini, malah bukan yang dihapus saj, tapi semuanya hilang
<b:if cond='data:comment.isDeleted'>
<style>.comment_avatar, .comment_name, .comment_service {display:none}</style>
<p class='deleted-comment'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a> <div class='clear'/>
</b:if>
penulisan yang benar seperti apa?
By Kang Ismet, at Tuesday, September 24, 2013 at 10:15:00 PM GMT+7
gimana kalo:
<b:if cond='data:comment.isDeleted'>
<div class='komen-hapus'>
<p class='deleted-comment'><data:comment.body/></p>
</div>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a> <div class='clear'/>
</b:if>
Agar saat komentar terhapus, komentar itu dimasukan ke dalam seksi komen-hapus, lalu barulah buat style spesifik:
<style>.komen-hapus .comment_avatar, .komen-hapus .comment_name, .komen-hapus .comment_service {display:none}</style>
By budkalon, at Tuesday, September 24, 2013 at 10:23:00 PM GMT+7
kalau spt itu, yang masuk seksi 'komen-hapus' hanya tulisan saja.. sementara avatar, tanggal dan nama tetep diluar seksi 'komen-hapus', trus untuk class, sudah ada 'deleted-comment'
By Kang Ismet, at Tuesday, September 24, 2013 at 11:41:00 PM GMT+7
Tag kondisional ini akan menampilkan pesan jika komentar telah dihapus dan akan menyembunyikan elemen yang diliputi pada komentar yang dihapus:
<b:if cond='data:comment.isDeleted'>
<div class='message'>Komentar ini telah dihapus.</div>
<b:else/>
<div class='cm_entry'>
Kode avatar, kode meta dan tombol komentar di sini...
</div>
</b:if>
By Taufik Nurrohman, at Wednesday, September 25, 2013 at 8:17:00 AM GMT+7
berari tag kondisional ditarik keluar, jauh ya.. thanks nanti dicoba
By Kang Ismet, at Wednesday, September 25, 2013 at 7:28:00 PM GMT+7
ini dia yang saya cari, pengen modifikasi tampilan deleted-comment. :D
By Saeful Rahman, at Wednesday, September 25, 2013 at 7:33:00 PM GMT+7
kalau udah berhasil di share kang. hehe
By Saeful Rahman, at Wednesday, September 25, 2013 at 7:41:00 PM GMT+7
maaf tdi salah tulis.. silahkan di cek, sudah berhasil http://blog.kangismet.net/2013/09/membuat-tampilan-berbeda-ala-blogazine.html?showComment=1380162768609#c6755057464755964633
By Kang Ismet, at Thursday, September 26, 2013 at 12:58:00 PM GMT+7
sekalian izin pake deleted comment stylenya
By Kang Ismet, at Friday, September 27, 2013 at 3:01:00 PM GMT+7
BIsa diberi contoh konkret dari masing2 tag kondisiolan di atas dong...
By SH GROSIR, at Wednesday, October 23, 2013 at 2:27:00 PM GMT+7
kalau mau menampilkan "widget" Hanya di halaman statis dan item saja gimana kang kodenya? =p*
udah muter2 gak dapet kode kondisionalnya. :'(
By V, at Sunday, November 3, 2013 at 3:58:00 PM GMT+7
<b:if cond='data:blog.pageType == "item"'>
Di sini item...
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
Di sini statis...
</b:if>
????????????????????????????????????
By Taufik Nurrohman, at Sunday, November 3, 2013 at 4:27:00 PM GMT+7
maaf mas taufik , seperti nya tidak akan berfungsi jika blogger conditional statement untuk halaman tertentu dengan menggunakan : <b:if cond='data:blog.url == "URL HALAMAN"'>
mungkin akan berfungsi jika dirubah dengan CanonicalUrl seperti dibawah :
<b:if cond='data:blog.canonicalUrl == "URL HALAMAN"'>
Salam blogger,
- Kang Rian -
By Kang Rian, at Sunday, March 30, 2014 at 2:07:00 PM GMT+7
Tergantung dari keluaran URL mungkin. Ciri khas URL Canonical itu, dia tidak mengandung query string dan/atau hash di belakang URL asli. Misalnya, kalau data:blog.url akan menghasilkan URL http://nama_blog.com/2014/03/post-slug.html?showComment=12345&test=boom, maka data:blog.canonicalUrl cuma akan menghasilkan URL http://nama_blog.com/2014/03/post-slug.html
Sebenarnya ini cuma soal perbandingan saja. Jadi kalau misalnya elemen data:blog.url gagal menghasilkan kondisi yang benar, itu mungkin karena ada query string di URL yang seharusnya juga ikut dimasukkan:
<b:if cond='data:blog.url == "http://nama_blog.com/2014/03/post-slug.html?showComment=12345&test=boom"'>
Belum pernah ngecek si. Tapi kurang lebihnya seperti itu. Untuk hasil yang lebih konsisten, pakai data:blog.canonicalUrl juga boleh.
By Taufik Nurrohman, at Monday, March 31, 2014 at 7:18:00 PM GMT+7
hmm , gan mau nanya kalau mengatur hompage blog di
/?m=0 gimana ya ?
kalo
/?m=1 kan dihp nah klo setting css di /?m=0 gimana ya gan ? .. :D
mohon pencerahanya
By Tofa Maulana Irvan, at Monday, May 19, 2014 at 4:12:00 PM GMT+7
Semua referensi mengenai blog blogspot versi seluler sudah ada di posting ini → Bekerja dengan Blog Seluler
By Taufik Nurrohman, at Monday, May 19, 2014 at 9:12:00 PM GMT+7
Izin repost mas... Link sumber pasti saya kasih. Arigatou... ^_^
By Unknown, at Thursday, June 26, 2014 at 11:07:00 PM GMT+7
makasi gan atas penjelasannya :)
By Anonymous, at Wednesday, September 17, 2014 at 10:09:00 PM GMT+7
keren pokoknya mah isi dari blog ini :-bd , kenapa gak dari dulu saya nemu blog ini :'(
By Irfan Muhammad Ghani, at Sunday, July 5, 2015 at 11:02:00 AM GMT+7
Mungkin karena mas belum minum Aqua.
By Taufik Nurrohman, at Saturday, July 11, 2015 at 12:17:00 PM GMT+7
haha bisa jadi tuh :D , eh iya klo kondisinya tergantung dengan ukuran layar gmn ? kyak media screen di css, tpi ini mah buat htmlnya, gmn ya :D
By Irfan Muhammad Ghani, at Thursday, July 30, 2015 at 7:50:00 AM GMT+7
Tidak bisa kalau memakai bahasa sisi server.
By Taufik Nurrohman, at Sunday, September 6, 2015 at 8:46:00 AM GMT+7
Kang, ternyata tag kondisional yang memakai cara <b:if cond='data:blog.url == "URL HALAMAN"'> memang sudah tidak berlaku, dapat dilihat di sini: https://productforums.google.com/forum/#!category-topic/blogger/qsCuqtzvznM.
Tapi ada cara lain, yaitu memakai data <data:blog.postId/> untuk item, dan <data:blog.pageId/> untuk laman.
jadinya:
<b:if cond='data:blog.pageId == "PAGE_ID"'>
...
</b:if>
By budkalon, at Monday, June 20, 2016 at 12:53:00 PM GMT+7
Setidaknya kita sudah sepenuhnya tahu mengenai bagaimana cara kerja atribut cond di dalam tag <b:if> :)
By Taufik Nurrohman, at Monday, June 20, 2016 at 3:57:00 PM GMT+7
mas kalo kondisi halaman item tapi menurut label tertentu gimana ya?
By Irfan Muhammad Ghani, at Saturday, September 10, 2016 at 6:24:00 AM GMT+7
om mohon pencerahannya, kenapa untuk poin "Tag Kondisional Halaman Tertentu" tidak berfungsi pada blog saya?? mohon bantuannya om, mathur suwun
By Joko Raharjo, at Saturday, November 11, 2017 at 10:38:00 PM GMT+7
gagal paham
By Anonymous, at Wednesday, March 7, 2018 at 12:59:00 AM GMT+7
Mas kalau menampilkan kode di posting label tertentu bisa mas..?
Misalnya, saya ada kode script tertentu dan hanya akan muncul di posting yang ada label tertentu misalnya label "games".
Jadi kalau pengunjung ada di posting yang ada label "games", maka scriptnya akan muncul disitu mas.
Karena selama ini saya menggunakana data.blog.url tapi saya kesulitan ketika ada penambahan url, saya kira kurang efektif. Tks sebelumnya mas.
By Mas Iwan, at Monday, April 13, 2020 at 9:08:00 AM GMT+7
Sudah terjawab di artikel ini dan ini.
By Taufik Nurrohman, at Tuesday, April 14, 2020 at 9:15:00 PM GMT+7
Saya sudah coba dengan menambahkan nya sesuar artikel yang mas rekomendasikan, tapi kenapa tidak berjalan yah mas..? Saya menggunakan template blogger terbaru, yang sudah menggunakan layout v3..
By Mas Iwan, at Friday, April 17, 2020 at 10:26:00 PM GMT+7
Post a Comment
<< Home