Cara Mengatur Tampilan Html Element Widget Blog Pada Halaman Tertentu (Tag Kondisional)

     Pernahkan anda melihat Blog yang memiliki Tampilan Berbeda untuk Halaman tertentu ? Hal tersebut bisa dilakukan dengan menggunakan Tag Kondisional/ Conditional Tags.

 Tag Kondisional sendiri merupakan Sebuah Tag yang digunakan untuk mengatur Element Blog pada Halaman tertentu, Seperti Penggunaan Css, Html, Javascript, dll pada halaman tertentu.


Cara Mengatur Tampilan Html Element Widget Blog Pada Halaman Tertentu (Tag Kondisional)
Cara Mengatur Tampilan Html Element Widget Blog Pada Halaman Tertentu (Tag Kondisional)


     Contohnya Sebagai berikut.

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

Contoh diatas merupakan Salah satu Penggunaan Css pada Halaman tertentu, yaitu Penggunaan Tag Kondisional pada Halaman Homepage/ Halaman Utama. Seperti yang anda lihat pada Contoh diatas, Css yang saya gunakan adalah #sidebar {display:none;} yang artinya saya menyembunyikan bagian Sidebar pada Halaman Utama (Homepage). Tag Kondisional sendiri biasanya diawali dan diakhiri dengan Penggunaan Tag <b:if/>.

Bisa juga menggunakan Html seperti dibawah ini. :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='banner-ads'>
<img src='https://2.bp.blogspot.com/-lc9Bid5BOLs/UXgPxTXKP8I/AAAAAAAADQs/_7xf4y8npW4/s1600/970x90+Display.png'/>
</div>
</b:if>

   Tag Kondisional yang saya bagikan ini adalah penggunaan untuk Platform Blog. Menurut informasi, Sebenarnya Tag Kondisional bisa digunakan untuk berbagai Platform  lainnya Seperti Wordpress, dll. hanya saja Penggunaannya sedikit Berbeda.

   Untuk Blog ini saya sendiri tidak tahu pada bagian mana saya menggunakan Tag Kondisional, karena alasan Template yang selalu berubah. mungkin anda bisa melihat penggunaan Tag Kondisional ini didalam Blog Kuncidunia. atau yang lainnya.


Dan berikut beberapa Tag Kondisional pada Platform Blog :

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
-----------------------------------------
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
-----------------------------------------
</b:if>

3. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
-----------------------------------------
</b:if>

4. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
-----------------------------------------
</b:if> 

5. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
-----------------------------------------
</b:if>

6. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
-----------------------------------------
</b:if>


7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
-----------------------------------------
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
-----------------------------------------
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
-----------------------------------------
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
-----------------------------------------
</b:if> 

  Silahkan Ganti Bagian Strip (--------) dengan Pengaturan Html yang anda inginkan.
Terima Kasih, jangan lupa untuk melihat Tutorial Blogging lainnya yang ada pada Blog ini, seperti ; Cara Mengganti Custom Template Blog Yang Baik Dan Benar .

Copyright 2017 Teleformatika. Diberdayakan oleh Blogger.