|
| Conditional Tag Bersyarat Blogger |
Conditional Tag atau Tag Bersyarat
Apa itu Conditional Tag ?
Conditional Tag adalah salah satu fungsi penting dalam struktur template di Blogger. Fungsi ini digunakan untuk penyesuaian tertentu, biasanya digunakan untuk menampilkan widget atau elemen di tempat tertentu atau tidak muncul di halaman tertentu.
Table of Contents
Menampilkan dan menyembunyikan sidebar dan widget di halaman blog tertentu menjadi alternatif paling pas bagi sobat yang memiliki banyak widget di blognya. Karena jika terlalu banyak widget akan mengurangi kecepatan loading blog kita. Alhasil selain blog jadi berat, pengunjung juga akan merasa sedikit bosan dengan lamanya waktu yang dibutuhkan untuk memuat blog kita.
Suatu tag biasanya digunakan untuk membatasi fungsi daripada perintah atau bagian yang ada didalamnya sehingga hanya bekerja pada kondisi tertentu saja. Tag bersyarat di blogspot sangat membantu anda dalam mengoptimalkan seo blogger.
Sintaks tag bersyarat
Tag bersyarat Blogger memiliki sintaks sebagai berikut :
<b:if cond='condition'> ---- </b:if>
Arti dari b:if "cond" adalah singkatan dari condition yang berarti kondisi, dan properti ini akan mendapatkan nilai kondisi yang ditetapkan.
Kumpulan Tag Bersyarat
Berikut adalah beberapa tag bersyarat untuk blogspot versi baru dan lama.
Universal Conditional Tags
Tampilkan widget hanya di Beranda
Tag bersyarat Blogger ini hanya akan muncul di Beranda. Jika Anda ingin menampilkan apa pun seperti widget apa pun atau bahkan seluruh sidebar, footer, atau bagian header hanya di beranda, cukup gunakan tag kondisional berikut.
<b:if cond='data:view.isHomepage'>
<!-- only homepage -->
</b:if><b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only homepage -->
</b:if>Tag Bersyarat untuk Indeks
Jika Anda ingin menambahkan kode, konten yang hanya akan muncul di Halaman Beranda, Halaman Label, dan Halaman Arsip daripada tag bersyarat Blogger ini dapat membantu Anda. Lihatlah tag di bawah ini.
<b:if cond='data:view.isMultipleItems'>
<!-- all index pages -->
</b:if><b:if cond='data:blog.pageType == "index"'>
<!-- all index pages -->
</b:if>Tag Bersyarat untuk Halaman Item (halaman posting dan halaman statis)
Tag bersyarat berikut membuat widget Anda atau bagian apa pun berfungsi untuk halaman posting dan halaman statis saja dan bersembunyi dari semua halaman lain kecuali halaman posting dan halaman statis blog Anda.
<b:if cond='data:view.isSingleItem'>
<!-- all item pages and static pages -->
</b:if><b:if cond='data:blog.pageType in ["item", "static_page"]'>
<!-- all item pages and static pages -->
</b:if><b:if cond='data:blog.url == data:post.url'>
<!-- all item pages and static pages -->
</b:if>Tag bersyarat untuk Posting
Jika Anda ingin menampilkan sesuatu hanya di halaman posting dan ingin bersembunyi dari beranda, halaman statis, arsip, dan halaman pencarian lainnya, maka tag bersyarat ini cocok untuk Anda. Tag ini dapat membantu Anda dalam menambahkan tampilan berbeda ke postingan atau halaman item dari keseluruhan blog.
<b:if cond='data:view.isPost'>
<!-- all item pages -->
</b:if><b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
</b:if>Kiriman Spesifik berdasarkan URL
Tag bersyarat ini digunakan saat Anda ingin menampilkan apa saja hanya halaman kiriman tertentu untuk menggunakan ini cukup ganti URL halaman kiriman bagian ini dengan URL halaman kiriman.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2022/11/test.html"'>
<!-- a item page from august 2022 with post-title 'test'-->
</b:if><b:if cond='data:blog.url == "URL LINK"'>
<!-- a item page 'URL LINK'-->
</b:if>Tag Bersyarat untuk Halaman Statis
Jika Anda ingin menampilkan apa pun hanya di halaman statis dan ingin bersembunyi dari beranda, arsip, dan halaman pencarian lainnya, maka tag bersyarat ini cocok untuk Anda.
<b:if cond='data:view.isPage'>
<!-- all static pages -->
</b:if><b:if cond='data:blog.pageType == "static_page"'>
<!-- all static pages -->
</b:if>Laman Statis Tertentu dengan URL
Tag bersyarat ini digunakan saat Anda ingin menampilkan apa saja hanya laman statis tertentu untuk menggunakan ini cukup ganti URL laman statis bagian ini dengan URL laman statis.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/test.html"'>
<!-- a specific static page with name 'test' -->
</b:if>Tag Bersyarat untuk Label
Jika Anda ingin menampilkan sesuatu hanya pada halaman label dan ingin bersembunyi dari beranda, posting, halaman, dan halaman lain, gunakan tag bersyarat label di atas.
<b:if cond='data:view.isLabelSearch'>
<!-- all label pages -->
</b:if><b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
</b:if>Halaman Label Spesifik
Jika Anda ingin menggunakan untuk menampilkan label tertentu, gunakan tag bersyarat berikut.
<b:if cond='data:blog.searchLabel == "test"'>
<!-- for label 'test' -->
</b:if>Tag Bersyarat untuk Halaman Hasil Pencarian
semua halaman pencarian Termasuk label
<b:if cond='data:view.isSearch'>
<!-- all search pages Includes label -->
</b:if><b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<!-- all search pages only -->
</b:if><b:if cond='data:blog.searchQuery'>
<!-- all search pages -->
</b:if>Halaman Kueri Pencarian Spesifik
Tag bersyarat di bawah ini digunakan untuk halaman kueri Penelusuran tempat hasil ditampilkan, saat mencari sesuatu di blog blogger Anda.
<b:if cond='data:blog.searchQuery == "Label Name"'>
<!-- for query 'Label Name' -->
</b:if>Tag Bersyarat untuk Halaman Arsip
Jika Anda ingin menampilkan sesuatu hanya di halaman arsip dan ingin bersembunyi dari beranda, posting, halaman, dan halaman lain, gunakan tag bersyarat arsip berikut.
<b:if cond='data:view.isArchive'>
<!-- archive Page -->
</b:if><b:if cond='data:blog.pageType == "archive"'>
<!-- archive Page -->
</b:if>Tag Bersyarat untuk Halaman 404 (Halaman Tidak Ditemukan)
Tag berikut hanya digunakan untuk kesalahan
<b:if cond='data:view.isError'>
<!-- all error pages -->
</b:if><b:if cond='data:blog.pageType == "error_page"'>
<!-- all error pages -->
</b:if>Tag Bersyarat untuk halaman Pratinjau
Tag berikut hanya digunakan untuk pratinjau posting
<b:if cond='data:view.isPreview'>
<!-- Preview Mode Blogger XML Code -->
</b:if>Tag Bersyarat untuk perangkat seluler
Jika Anda ingin menampilkan widget atau skrip tertentu di perangkat Seluler.
<b:if cond='data:view.isMobile'>
<!-- display on mobile device -->
</b:if><b:if cond='data:blog.isMobileRequest'>
<!-- display on mobile device -->
</b:if>Tetapkan isMobileRequest nilai Boolean ke false, sehingga widget hanya dapat dimuat di perangkat Desktop dan harus disembunyikan di perangkat Seluler. Jika Anda mengunjungi blog kami menggunakan browser Seluler (bukan simulator desktop), Anda akan melihat bahwa widget 'Kembali ke Home' tidak dimuat sama sekali.
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- display only Desktop devices and hidden in Mobile devices -->
</b:if>Jika Anda ingin widget hanya ditampilkan di perangkat Seluler tetapi tidak di desktop, setel nilai Boolean ke true
<b:if cond='data:blog.isMobileRequest == "true"'>
<!-- display only in Mobile devices but not desktop -->
</b:if>Tag Bersyarat untuk Kode Tata Letak
Tag berikut digunakan untuk mengatur tata letak template
<b:if cond='data:view.isLayoutMode'>
<!-- blogger template layout setup -->
</b:if>Hanya untuk posting pertama
Menambahkan kode apa pun di bawah kondisi ini hanya akan berlaku untuk posting pertama dari halaman banyak posting. Digunakan untuk menargetkan posting pertama pada halaman multi-posting. Jika Anda ingin menggunakan tag bersyarat ini, lihat tag di bawah ini.
<b:if cond='data:post.isFirstPost'>
<!-- Some Blogger XML Code -->
</b:if>NOT, AND, OR
NOT
Kondisi ini digunakan jika widget ingin ditampilkan selain di tempat tersebut. NOT atau EXCLUSION digunakan ketika Anda ingin mengecualikan sesuatu dari kondisi tersebut. Gunakan salah satu not atau !
<b:if cond='!data:view.isPost'>
<!-- Some Blogger XML Code -->
</b:if><b:if cond='not data:view.isPost'>
<!-- all pages except item pages -->
</b:if><b:if cond='data:blog.pageType != "item"'>
<!-- all pages except item pages -->
</b:if>AND
Kondisi jika keduanya benar. Tambahkan AND. AND digunakan untuk menggabungkan dua atau lebih dari dua kondisi. Semua persyaratan harus benar. Anda dapat menggunakan and Prevents repeating b:if tags.
<b:if cond='data:view.isMultipleItems AND data:view.isSearch'>
<!-- search page AND index page -->
</b:if><b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchQuery'>
<!-- search page AND index page -->
</b:if>
</b:if>OR
Kondisi jika salah satunya benar. Tambahkan OR. OR digunakan untuk menggabungkan beberapa kondisi, salah satunya jika true akan merender konten HTML. Anda dapat mendeklarasikannya sebagai or mencegah pengulangan b:if tag.
<b:if cond='data:view.isMultipleItems OR data:view.isPost'>
<!-- Index Page or Post Page -->
</b:if><b:if cond='data:blog.pageType == "index"'>
<!-- Index Page or Post Page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- Index Page or Post Page -->
</b:if>
</b:if> Anda dapat menggunakan <b:if> dengan atau tanpa <b:else/> tetapi Anda tidak akan pernah dapat menggunakan <b:else/> tanpa <b:if>
Bagaimana Cara Menggunakan tag bersyarat
Untuk menerapkan tag bersyarat ke beberapa konten, cukup letakkan konten di dalam pembukaan dan penutup seperti <b:if cond='Conditinal Tag'> and the closing </b:if> :
<b:if cond='data:blog.pageType == "item"'>
# THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE
</b:if>Pada contoh di atas, konten hanya akan muncul di halaman postingan. Konten dapat berupa div, bagian, tag gaya, atau tag bersyarat lainnya, dll. Jika Anda ingin menentukan konten alternatif (ketika kondisi salah), Anda perlu menyisipkan tag <b:else/> diikuti dengan konten, seperti ini:
<b:if cond='data:view.isPost'>
# THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE
# i.e. if current page is post (item) page
<b:else/>
# THIS CONTENT WILL BE EXECUTED IF CONDITION IS FALSE
# i.e. if not post page
</b:if>
Kode <b:else/> juga berfungsi seperti operator OR seperti yang dijelaskan di atas.
Bersambung ...condition tag lanjutanDemikian Sae Blogger menyajikan informasi mengenai conditional tag bersyarat yang ada dalam template blogger, semoga bermanfaat.
Source:
Merobloggingtips dan Blogger