Tag Kondisional Blogger untuk Halaman url Tertentu

tag kondisional blogger

Tag kondisional blogger digunakan untuk mengatur elemen-elemen html, konten atau widget tertentu akan ditampilkan atau disembunyikan. Contoh penerapan seperti kolom komentar yang hanya akan ditampilkan di halaman artikel saja. Atau konten sidebar yang hanya tampil di beranda saja. Maka kita harus menggunakan tag kondisional untuk mengatur keduanya tampil sesuai dengan yang kita inginkan.

Tag kondisional if, elseif dan else pada blogger ditulis dengan b:if, b:elseif, dan b:else. Pada artikel ini saya akan memberikan contoh penerapan tag kondisional blogger untuk halaman atau url tertentu.


Format Penulisan Tag Kondisional url

Format penulisan <b:if> seperti dibawah ini, tuliskan url halaman yang ingin kita kondisikan pada bagian yang berwarna hijau. Lalu untuk kondisi yang berlaku silahkan isi pada bagian kode berwarna merah bata.

<b:if cond='data:blog.url == " URL Halaman "'>
<!--- isi kondisi kode yang diinginkan --->
</b:if>

Contoh penggunaan tag kondisional untuk url tertentu.

Penulisan tag kondisional url pada demo dieksekusi dengan menggunakan <style> untuk elemen yang ingin saya hilangkan. Dengan menggunakan {display:none} saya menghilangkan beberapa bagian pada template saya. Pada demo saya menuliskan tag kondisional langsung pada post. Kurang lebih penjelasan kode pada demo sebagai berikut.

<b:if cond='data:blog.url == "2014/04/halaman-artikel-tertentu-kosong-blank.html"'>
<style>
#header-wrapper, #sidebar-wrapper,#footer-wrapper{ display: none; }
#post-wrapper { width: 100%; }

</style>
</b:if>

Penulisan tag kondisi seperti contoh demo di atas. dapat dibaca sebagai berikut;

<jika kondisi='url adalah benar " 2014/04/halaman-artikel-tertentu-kosong-blank.html"'>
maka kondisi yang berlaku adalah
<style>
#header-wrapper, #sidebar-wrapper,#footer-wrapper { display: none; } #post-wrapper { width: 100%; }
</style>
</b:if>

Ini hanya contoh sederhana dengan konsep menghilangkan konten pada url yang ada. Penggunaan tag kondisional pada url ini dapat dikembangkan dan dieksplor lagi. Semoga membantu.

Popular posts from this blog

Kemasan Logam

Ebook Javascript Gratis Bahasa Indonesia pdf (dasar)

KURIKULUM DAN BIDANG CAKUPANNYA