Cara Menampilkan Elemen Pada Halaman Tertentu

Menampilkan Elemen Pada Halaman Tertentu
Cara menampilakan atau menyembunyikan elemen halaman pada halaman tertentu akan berhubungan dengan tag conditional. perintah conditional ini di atur dengan 2 perintah yaitu perintah positif dan perintah negatif. saya akan jelaskan maksud dari perintah itu.
  • perintah Negatif - perintah negatif biasanya di tandai dengan atribute != atau di artikan dengan kata " selain " halaman tersebut atau berlawanan dengan perintah tertentu.
  • Perintah Positif - perintah positif biasanya di tandai dengan atribute == atau di artikan dengan kata " hanya " halaman tersebut.
kurang lebih seperti itu. dan beberapa kerangka perintah sebagai berikut :
Perintah Negatif
Widget selain Tampil/sembunyi pada halaman depan(HomePage)
<style type='text/css'>
     <b:if cond='data:blog.url != data:blog.homepageUrl'>
          #ID-WIDGET{ ......  }
     </b:if>
</style>
Widget selain Tampil/sembunyi pada halaman item(halaman postingan)
<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
          #ID-WIDGET {............}
     </b:if>
</style>
Widget selain Tampil/sembunyi pada halaman archive
<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;archive&quot;'>
          #ID-WIDGET {...........}
     </b:if>
</style>
Widget selain Tampil/sembunyi pada halaman Static
<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          #ID-WIDGET {..........}
     </b:if>
</style>
Widget selain Tampil/sembunyi pada Halaman Indeks
<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;index&quot;'>
          #ID-WIDGET {.........}
     </b:if>
</style>
Widget selain Tampil/sembunyi pada Halaman Label
<style type='text/css'>
     #ID-WIDGET {display:none;}
     <b:if cond='data:blog.searchLabel'>
          #ID-WIDGET {...........}
     </b:if>
</style>
Widget selain Tampil/sembunyi pada Halaman Yang di Tentukan
<style type='text/css'>
     <b:if cond='data:blog.url != &quot;URL HALAMAN&quot;'>
          #ID-WIDGET {..............;}
     </b:if>
</style>
Perintah Positif
Widget Hanya Tampil/sembunyi di Halaman Muka
<style type='text/css'>
     <b:if cond='data:blog.url == data:blog.homepageUrl'>
          #ID-WIDGET {.........}
     </b:if>
</style>
Widget Hanya Tampil/sembunyi di Halaman Item
<style type='text/css'>
     <b:if cond='data:blog.pageType == &quot;item&quot;'>
          #ID-WIDGET {............}
     </b:if>
</style>
Widget Hanya Tampil/sembunyi di Halaman Arsip
<style type='text/css'>
     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
          #ID-WIDGET {............}
     </b:if>
</style>
Widget Hanya Tampil/sembunyi di Halaman Statis
<style type='text/css'>
     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          #ID-WIDGET {.............}
     </b:if>
</style>
Widget Hanya Tampil/sembunyi di Halaman Indeks
<style type='text/css'>
     <b:if cond='data:blog.pageType == &quot;index&quot;'>
          #ID-WIDGET {..............}
     </b:if>
</style>
Widget Hanya Tampil/sembunyi di Halaman Label
<style type='text/css'>
     <b:if cond='data:blog.searchLabel'>
          #ID-WIDGET {.............}
     </b:if>
</style>
Widget Hanya Tampil/sembunyi di Halaman yang Ditentukan
<style type='text/css'>
     <b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>
          #ID-WIDGET {...............}
     </b:if>
</style>

Itu hanya beberapa atribute perintah yang bisa kita buat,dan cara menyimpannya letakan di bawah ]]></skin> dan ganti ID-widget dengan ID Widget pada template kamu.

Jika belum tahu apa itu ID-WIDGET berikut penjelasannya:
masuk pada edit template dan cari code yang mirip seperti barisan code di bawah ini :
<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'/>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Tag' type='Label'/>
<b:widget id='LinkList1' locked='false' title='Reference' type='LinkList'/>
Lihat pada baris ada code id=".." itulah ID-WIDGET kamu.

catatan: id bisa di ganti dengan class atau tag atribute lainnya.

Sebagai contoh jika ingin menghilangkan widget pada halaman depan(homepage).
dengan Perintah Positif:
<style type='text/css'>
     <b:if cond='data:blog.url == data:blog.homepageUrl'>
          #PopularPosts1,#BlogArchive1,#LinkList1,#Label1 {display:none!important}
     </b:if>
</style>
Dengan Perintah Negatif :
<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          #PopularPosts1,#BlogArchive1,#LinkList1,#Label1 {display:none!important}
     </b:if>
     </b:if>
</style>
Jika kamu sudah mengerti dengan perintah-perintah tag conditional maka kamu tidak akan kesulitan dalam menampilkan atau menyembunyikan elemen tertentu pada tiap halaman yang di tentukan dengan perintah negatif maupum perintah positif. kalau ada kesalahan silahkan tinggalkan komentar. terima kasih atas perhatiannya.

3 comments:

  1. Mas Kalu Style template Itu Yang Kaya Gimana Ya???bisa Kasih Contoh..trims,ditunggu Kunjungan Balik Nya

    ReplyDelete
  2. Kalo kita ingin mengaktifkan CSS berfungsi hanya pada kotak comentr g mana ?

    ReplyDelete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top