Langsung ke konten utama

Kumpulan Kode Tag Kondisional Blogger Terbaru, beserta contoh

Kumpulan Kode Tag Kondisional Blogger Terbaru, beserta contoh


Kumpulan Kode Tag Kondisional Blogger Terbaru, beserta contohKumpulan tag kondisional adalah sekumpulan tag HTML yang memungkinkan Anda untuk menampilkan atau menyembunyikan konten di halaman web Anda berdasarkan kondisi tertentu. Tag kondisional ini dijalankan oleh browser web yang menampilkan halaman web tersebut.

Tag kondisional yang paling sering digunakan adalah <if>, <elseif>, dan <else>. Tag <if> digunakan untuk menentukan kondisi yang harus dipenuhi agar konten di dalam tag tersebut dapat ditampilkan. Tag <elseif> digunakan untuk menentukan kondisi tambahan yang harus dipenuhi jika kondisi di tag <if> tidak terpenuhi, dan tag <else> digunakan untuk menampilkan konten jika tidak ada kondisi yang terpenuhi.

Di sini, konten yang akan ditampilkan berdasarkan nilai variabel age. Jika age lebih besar atau sama dengan 18, maka pesan "Anda sudah cukup umur untuk mengakses halaman ini" akan ditampilkan. Jika age lebih besar atau sama dengan 13 tetapi kurang dari 18, maka pesan "Anda hampir cukup umur untuk mengakses halaman ini" akan ditampilkan. Dan jika age kurang dari 13, maka pesan "Anda belum cukup umur untuk mengakses halaman ini" akan ditampilkan.

Tag kondisional lain yang sering digunakan adalah <switch> dan <case>. Tag <switch> digunakan untuk menentukan variabel yang akan diuji, dan tag <case> digunakan untuk menentukan kondisi yang akan dipenuhi jika nilai variabel tersebut sesuai dengan yang ditentukan.

Berikut ini adalah beberapa kode tag kondisional yang dapat digunakan pada platform Blogger:

<b:if cond='data:blog.pageType == "item"'>: digunakan untuk menampilkan konten hanya pada halaman posting (bukan halaman utama, arsip, atau halaman lainnya).

<b:if cond='data:blog.pageType == "index"'>: digunakan untuk menampilkan konten hanya pada halaman utama blog.

<b:if cond='data:blog.searchQuery'>: digunakan untuk menampilkan konten hanya pada hasil pencarian.

<b:if cond='data:blog.url == data:blog.homepageUrl'>: digunakan untuk menampilkan konten hanya pada halaman utama blog.

<b:if cond='data:blog.pageType == "static_page"'>: digunakan untuk menampilkan konten hanya pada halaman statis (halaman yang tidak terkait dengan posting apa pun).

Untuk menggunakan tag kondisional ini, Anda harus menempatkannya di sekitar konten yang ingin ditampilkan hanya pada kondisi tertentu. Sebagai contoh, jika Anda ingin menampilkan konten hanya pada halaman posting, maka Anda dapat menggunakan kode berikut:

Copy code

<b:if cond='data:blog.pageType == "item"'> Konten yang akan ditampilkan hanya pada halaman posting. </b:if>

Anda juga dapat menggunakan tag <b:else> untuk menampilkan konten pada kondisi yang berlawanan dengan kondisi yang ditentukan dalam tag <b:if>. Sebagai contoh:

Copy code

<b:if cond='data:blog.pageType == "item"'> Konten yang akan ditampilkan hanya pada halaman posting. <b:else> Konten yang akan ditampilkan pada semua halaman kecuali halaman posting. </b:else> </b:if>

Semoga membantu! Jika Anda memiliki pertanyaan lain, silakan tanyakan kepada saya.


Komentar

Terbaru

Cara terbaru Rewrite artikel yang Baik dan Benar untuk Blog

Ilustrasi gambar sumber :iluvtary Breed..... Rewrite adalah kata dalam bahasa inggris yang artinya menulis kembali. Dalam dunia Blogger kata ini sudah tidak asing lagi karena banyak digunakan. Untuk para pemula yang terjun ke dunia blogging tentu kesulitan untuk melakukan Rewrite artikel. Selain harus memahami tentang SEO dalam penulisan juga kita harus memahami isi dari artikel tersebut Kebanyakan para penulis blog melakukan Rewrite artikel orang lain dengan cara yang salah. Dengan melakukan itu maka dapat dimungkinkan artikel yang kita publish akan sulit bersaing di beranda Google. Terlebih lagi jika kita hanya mengandalkan sebuah tools untuk mendeteksi apakah kalimat tersebut Plagiat atau Original. Sudah pasti para Penulis Blog jika tau bahwa itu adalah tulisannya sendiri maka tidak perlu mengeceknya kembali. Berbeda jika anda melakukan copas artikel orang lalu di edit sedemikian rupa supaya terlihat ori. Pengalaman saya pernah melakukan pengecekan artikel berita milik detik.com da...

Cara mudah setting domain TLD di blogger

Cara mudah setting domain TLD di blogger  Ssblogger22.blogspot.com - Bagimana Cara Memasang Domain TLD di Blogger ? silahkan simak panduan dibawah yang sudah di lengkapi dengan langkah-langkah prakteknya. Apa itu Domain TLD? Domain TLD adalah nama website yang di akhiri (.com, .co id, id, net,. Tecno, dst. Bila kalian membuat blog/website dangn platfrom blogger atau wordpress pasti nama platfrom akan ada pada nama blog/website kalian. Sebagi contoh : www.ssblogger22.blogspot.com atau www.ssblogger22.wordpress.com Dari alamat website diatas menyertakan platfrom asal blog/website dibuat. Beda jika kalian custom domain. Meski kalian membuat blog/website gratis dari blogger atau wordpress lalau domain di custom maka nama platfrom akan hilang. Misal saya membeli domian .com di Hostinger lalau akan di pasang pada blogger/wordpress, hasilnya di bawah ini. Sebagi contoh : www.ssblogger22.co.id Jadi nama situs platfrom tidak ikut, karen sudah membeli domian dengan m...

WordPress website optimization methods

WordPress website optimization methods WordPress website optimization methods ~ WordPress is a popular content management system (CMS) that is used to create and manage websites. It is open-source software that is free to use and customize, and it is known for its simplicity and ease of use. With WordPress, you can create a variety of different types of websites, including blogs, business websites, e-commerce stores, and more. It is a powerful platform that is used by millions of websites around the world. If you are interested in building a website using WordPress, there are many resources available to help you get started, including online tutorials, forums, and WordPress themes and plugins that can help you customize your site. There are many ways to optimize a WordPress website for better performance and user experience. Here are a few tips to get you started: Use a lightweight theme: Choose a theme that is optimized for performance and doesn't have a lot of unnecessary fe...