Kumpulan Tag Conditional Blogger dan Fungsinya - Kode tag kondisional ini mempunyai fungsi untuk menampilkan dan menyembunyikan widget tertentu yang ada pada blogger. Misalnya, Anda ingin menampilkan widget popular post di homepage blog tetapi ketika berada di halaman postingan widget popular post tidak ditampilkan atau disembunyikan. Hal ini sanggup Anda lakukan dengan cara menambahkan isyarat tag conditional pada kepingan popular post atau widget lainnya.
Fungsi Tag Conditional
Tag Kondisional atau Conditional Tag ialah tag yang dipakai untuk mengatur elemen-elemen tertentu yang berfungsi untuk menampilkan atau menyembunyikan elemen pada kondisi tertentu.
Cara Membaca Tag Conditional
Kode tag kondisional selalu diawali dengan tag <b:if> dan ditutup dengan tag </b:if>. Setiap isyarat tag <b:if> mempunyai atribut cond, dimana atribut cond ini mempunyai banyak sekali jenis nilai yang berfungsi untuk mengambarkan suatu kondisi. Kita ambil salah satu teladan tag conditional yang paling umum digunakan.<b:if cond='data:blog.url == data:blog.homepageUrl'>OBJEK</b:if>cond mempunyai nilai data:blog.url == data:blog.homepageUrl yang mengambarkan kondisi yang diinginkan.Kode
data:blog.url adalah pernyataan untuk mewakili keadaan sebuah halaman URL, sedangkan kode data:blog.homepageUrl adalah perwakilan dari halaman homepage blog Anda. Kita ambil teladan kembali contohnya Anda mempunyai blog dengan alamat URL https://www.caramanual.com, maka kode data:blog.homepageUrl dapat diartikan sebagai https://www.caramanual.com.Menampilkan Elemen Tertentu Menggunakan Tag Conditional
Kita ambil teladan dari isyarat diatas, contohnya saya ingin menampilkan sebuah objek hanya di halaman beranda atau homepage blog saja dan akan hilang atau tidak tampil pada halaman lainnya. Maka isyarat tag conditional yang dipakai ialah menyerupai dibawah ini.<b:if cond='data:blog.url == data:blog.homepageUrl'>OBJEK</b:if>Menyembunyikan Elemen Tertentu Menggunakan Tag Conditional
Kebalikan dari cara sebelumnya, contohnya saya ingin menghilangkan atau menyembunyikan sebuah objek pada halaman beranda atau homepage blog dan akan muncul atau tampil pada halaman lainnya. Maka isyarat tag conditional yang dipakai ialah menyerupai dibawah ini.<b:if cond='data:blog.url != data:blog.homepageUrl'>OBJEK</b:if>Perhatikan baik-baik kedua teladan diatas hanya mempunyai perbedaan antara
== dan !=. Dimana arti dari == ialah sama dengan atau menyetujui kondisi. Sedangkan != ialah tidak sama dengan atau tidak menyetujui kondisi. Cukup gampang bukan, untuk menampilkan atau menyembunyikan suatu elemen pada blog Anda hanya perlu mengetahui kondisi tag dan memakai kedua pembanding diatas untuk mengatur keadaan atau kondisi.Cara Menerapkan Tag Conditional
Ada dua cara penerapan isyarat tag conditional, yang pertama yaitu dengan menerapkannya secara eksklusif pada target atau objek tertentu, yang kedua yaitu dengan menerapkannya secara tidak eksklusif dengan memanfaatkan kemampuan CSS.Penerapan Kondisi Secara Langsung
Penerapan tag conditional secara eksklusif ini sangat mudah, Anda cukup mengapit sebuah objek atau target dengan tag conditional, contohnya menyerupai dibawah ini.<b:if cond='data:blog.url == data:blog.homepageUrl'> OBJEK </b:if>Jika keadaan halaman ketika ini sama dengan URL halaman homepage, maka OBJEK akan ditampilkan atau difungsikan.
Penerapan Kondisi Secara Tidak Langsung
Penerapan tag conditional secara tidak eksklusif sanggup dilakukan dengan cara mengapitkannya pada isyarat CSS selektor objek yang menjadi sasarannya. Untuk menghilangkan objek sasaran, kita gunakan deklarasidisplay:none pada kepingan CSS menyerupai dibawah ini.<b:if cond='data:blog.url != data:blog.homepageUrl'> <style type='text/css'> #obyek{display:none} </style> </b:if> ... <div id='obyek'>OBJEK</div>Seluruh elemen yang mempunyai ID obyek akan disembunyikan atau tidak akan ditampilkan apabila keadaan halaman ketika ini tidak sama dengan URL halaman homepage.
Perlu Anda Ketahui:
- Dalam isyarat HTML untuk memanggil isyarat css selektor memakai atribut
id atau class.- Dalam isyarat CSS
id ditandai dengan tanda pagar atau (hastag) sedangkan class ditandai dengan titik (dot).Baca juga: Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya
Kumpulan Tag Conditional Blogger
Berikut beberapa isyarat tag kondisional yang sanggup Anda gunakan untuk menampilkan atau menyebunyikan sebuah objek tertentu.Tag Conditional Halaman Homepage
Halaman homepage ialah halaman murni yang tidak mempunyai cabang atau folder, contohnya menyerupai ini.https://www.caramanual.com
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.url == data:blog.homepageUrl'> KODE OBJEK </b:if>Tag Conditional Halaman Item
Halaman item ialah tipe halaman yang akan selalu berakhir pada nama berkas atau folder, contohnya menyerupai ini.aciknadzirah.blogspot.com/search?q=pengertian-blog-blogger-blogging-dan
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.pageType == "item"'> KODE OBJEK </b:if>Tag Conditional Halaman Arsip
Ciri khusus pada halaman arsip ialah halaman homepage yang diikuti oleh cabang URL tahun, bulan, dan tanggal, namun tidak hingga kepada nama berkas halaman item, ciri khusunya yaitu pada simpulan URL mempunyai cabangarchive.html, contonya Seperti ini.https://www.caramanual.com/2018_01_01_archive.html
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.pageType == "archive"'> KODE OBJEK </b:if>Tag Conditional Halaman Statis
Halaman statis ialah jenis halaman Istimewa dari blogger yang berakhir pada nama berkas dan tidak akan masuk dalam daftar arsip blog, contohnya menyerupai ini.https://www.caramanual.com/p/about.html
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.pageType == "static_page"'> KODE OBJEK </b:if>Tag Conditional Halaman Indeks
Halaman indeks ialah semua jenis halaman yang bukan halaman item.https://www.caramanual.com
https://www.caramanual.com/p/about.html
aciknadzirah.blogspot.com/search?q=pengertian-blog-blogger-blogging-dan
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.pageType == "index"'> KODE OBJEK </b:if>Tag Conditional Halaman Label
Halaman label ialah tipe halaman hasil sortir dari label item atau postingan, halaman ini diawali dengan cabang atau foldersearch/label/ kemudian diakhiri dengan nama label, contohnya menyerupai ini.https://www.caramanual.com/search/label/Blogger
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.searchLabel'> KODE OBJEK </b:if>Tag Conditional Halaman Label Tertentu
Sama saja dengan halaman label, hanya saja ini lebih spesifik pada nama label tertentu, contohnya menyerupai ini.https://www.caramanual.com/search/label/Blogger
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.searchLabel == "Blogger"'> KODE OBJEK </b:if>Tag Conditional Halaman Pencarian
Halaman pencarian ialah tipe halaman hasil dari pencarian atau penelusuran didalam blog Anda, halaman pencarian diawali dengan search/?q= dan diakhiri oleh kata kunci pencarian, contohnya menyerupai ini.https://www.caramanual.com/search/?q=Blogger
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.searchQuery'> KODE OBJEK </b:if>Tag Conditional Halaman Pencarian Tertentu
Sama saja dengan halaman pencarian, hanya saha ini lebih spesifik pada kata kunci pencarian tertentu, contohnya menyerupai ini.https://www.caramanual.com/search/?q=Blogger
Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.searchQuery == "Blogger"'> KODE OBJEK </b:if>Tag Conditional Halaman Tertentu (Custom)
Anda sanggup membedakan halaman tertentu dengan halaman pada umumnya yang ada di blog Anda dengan memakai tag conditional.Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.url == "URL HALAMAN"'> KODE OBJEK </b:if>Tag Conditional Halaman Kesalahan (Error Page)
Halaman kesalahan atau error page ialah halaman yang tidak ditemukan pada blog Anda, halaman ini ditandai dengan isyarat error 404 not found. Halaman ini disebabkan oleh penulisan URL yang salah atau bisa disebabkan lantaran item atau postingan yang Anda buat sudah dihapus.Tag conditionalnya menyerupai ini:
<b:if cond='data:blog.pageType == "error_page"'> KODE OBJEK </b:if>Itulah kumpulan tag conditional blogger dan fungsinya, isyarat tag kondisional diatas sanggup Anda susuaikan dengan kebutuhan Anda, kalau mempunyai pertanyaan atau masukkan silahkan menghubungi kami melalui halaman kontak atau dengan menunjukkan komentar dibawah ini. Sumber http://www.caramanual.com