Go Blog Go

Tag Kondisional HTML Kedua

Posted by Go Blog Go Posted on 12:37 AM with No comments
Assalamu'alaikum Wr.Wb.

Dapatkah Widget di WebBlog bisa tidak ditampilkan ? jawab-nya bisa dengan menggunakan Tag KondisionalTag 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>

Buat Mojang dan Bujang mudah-mudahan share posting Tag Kondisional ini bisa menambah wawasan, selamat berkreasi. Go Blog Go...!!! Amiin

Wassalam,


Tag : ,

0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang