Mengenal Dasar Tag Kondisional HTML

Mengenal Dasar Tag Kondisional HTML, Cara Membuat Tag Kondisional html, Belajar Tag Kondisional html bagi Pemula. Dapatkah Widget di WebBlog bisa tidak ditampilkan ? jawab-nya bisa dengan menggunakan Tag Kondisional, Mojang dan Bujang bisa sesuka hati menempatkan Widget di halaman tertentu di WebBlog. Fungsi-nya tidak sampai disini, namun kegunaan dari Tag Kondisional ini bisa dipergunakan untuk meningkatkan performa kinerja WebBlog sendiri.
Bagi yang belum mengetahui silahkan buka Tag Kondisional Pertama, agar mudah dipahami sebelum melanjutkan ke share artikel Tag Kondisional Lanjutan. Sebagai dasar diberlakukan suatu perintah, dimana perintah ini ada 2 macam yaitu Perintah Positif dan Perintah Negatif :

PERINTAH POSITIF
Widget akan ditampilkan dihalaman Depan

<style type='text/css'> <b:if cond='data:blog.url != data:blog.homepageUrl'> #ID-Widget{display:none} </b:if> </style>

Widget akan ditampilkan dihalaman Item

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;item&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget akan ditampilkan dihalaman Arsip

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;archive&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget akan ditampilkan dihalaman Statis

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget akan ditampilkan dihalaman Indeks

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;index&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget akan ditampilkan dihalaman Label

<style type='text/css'> #ID-Widget{display:none} <b:if cond='data:blog.searchLabel'> #ID-Widget{display:none !important} </b:if> </style>

Widget akan ditampilkan dihalaman Tertentu

<style type='text/css'> <b:if cond='data:blog.url != &quot;URL Halaman Tertentu&quot;'> #ID-Widget{display:none} </b:if> </style>

PERINTAH NEGATIF
Widget ditampilkan selain halaman Depan

<style type='text/css'> <b:if cond='data:blog.url == data:blog.homepageUrl'> #ID-Widget{display:none} </b:if> </style>

Widget ditampilkan selain halaman Item

<style type='text/css'> <b:if cond='data:blog.pageType == &quot;item&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget ditampilkan selain halaman Arsip

<style type='text/css'> <b:if cond='data:blog.pageType == &quot;archive&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget ditampilkan selain halaman Statis

<style type='text/css'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget ditampilkan selain halaman Indeks

<style type='text/css'> <b:if cond='data:blog.pageType == &quot;index&quot;'> #ID-Widget{display:none} </b:if> </style>

Widget ditampilkan selain halaman Label

<style type='text/css'> <b:if cond='data:blog.searchLabel'> #ID-Widget{display:none} </b:if> </style>

Widget ditampilkan selain halaman Tertentu

<style type='text/css'> <b:if cond='data:blog.url == &quot;URL Halaman Tertentu&quot;'> #ID-Widget{display:none} </b:if> </style>

ID WIDGET Kode Apa ?
Bagi yang belum mengetahui apa itu ID Widget, Mojang dan Bujang bisa lihat potongan HTML berikut ini:

<aside id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML2' locked='false' title='Recent Post' type='HTML'/> <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'/> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='HTML3' locked='false' title='Social Subscribe' type='HTML'/> <b:widget id='HTML5' locked='false' title='Traffic' type='HTML'/> </b:section> </aside>

Nah, yang Saya tandai dengan huruf-nya dengan warna, itulah yang disebut Kode ID-WIDGET, namun ini tidak berarti suatu yang mutlak mungkin dengan template kepunyaan Mojang dan Bujang akan ada perbedaan. Untuk menerapkan Tag ini salin kode yang diperlukan setelah dapat cukup ganti Kode ID-WIDGET dengan Kode ID-WIDGET WebBlog Mojang dan Bujang dan simpan diatas Kode pada template Mojang dan Bujang.
Sebagai salah satu penggunaan Tag Kondisional contoh-nya :

<style type='text/css'> <b:if cond='data:blog.url == &quot;static_page&quot;'> #HTML2,#PopularPosts1,#Label1,#BlogArchive1,#HTML3, #HTML5{display:none} </b:if> </style>

Dapat dideskripsikan bahwa Kode ID-Widget tidak akan ditampilkan di Halaman Statis sedangkan di Halaman lain-nya akan ditampilkan, untuk menampilkan Kode ID-WIDGET lebih dari 1(satu) Tag Kondisional contoh-nya seperti dibawah ini :

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;archive&quot;'> #BlogArchive1{display:none} </b:if> <b:if cond='data:blog.url == data:label.url'> #Label1{display:none} </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> #BlogArchive1{display:none} </b:if> </style>

Sekian dulu Artikel sayafafan tentang Mengenal Dasar Tag Kondisional HTML