Tag Conditional Blogger Terbaru
Juli 17, 2021
4
Hi Web Developer! kembali lagi bersama dengan guru design. Kali ini guru design akan berbagi tutorial cara menampilkan sebuah element pada blog sesuai dengan keinginan kita bisa disebut suka suka-kita. Saya disini akan mencontohkan dengan tag conditional yang lama dan yang baru, saya harap buata para blogger yang menggunakan tag conditional lama segera pindah ke tag conditional baru. Buat mastah atau suhu silahkan di koreksi kalo aja ada yang salah, tapi saya rasa tidak heheh, buat para pemburu koding silahkan di simak dan di praktikan. Ok lanjut ketutorialnya.
Pertama
Menampilkan sebuah element pada homepage.<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='data:view.isHomepage'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kedua
Menampilkan sebuah element pada Post Page (Postingan)<b:if cond='data:blog.pageType == "item"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='data:view.isPost'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Ketiga
Menyembunyikan sebuah element pada Post Page (postingan).<b:if cond='data:blog.pageType != "item"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='!data:view.isPost'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Keempat
Menampilkan sebuah element pada halaman tertentu.<b:if cond='data:blog.url == "Url anda"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='data:view.url.Url anda'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Catatan: Ganti Url anda dengan Url atau link yang di inginkan.
Kelima
Menyembunyikan sebuah element pada halaman tertentu.<b:if cond='data:blog.url != "Url anda"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='!data:view.url.Url anda'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Catatan: Ganti Url anda dengan Url atau link yang di inginkan.
Keenam
Menampilkan sebuah element pada halaman arsip (archive).<b:if cond='data:blog.pageType == "archive"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='data:view.isArchive'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Ketujuh
Menyembunyikan sebuah element pada halaman arsip (archive).<b:if cond='data:blog.pageType != "archive"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='!data:view.isArchive'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kedelapan
Menampilkan sebuah element pada halaman statis (static page).<b:if cond='data:blog.pageType == "static_page"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='data:view.isPage'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kesembilan
Menyembunyikan sebuah element pada halaman statis (static page).<b:if cond='data:blog.pageType != "static_page"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kode Baru
<b:if cond='!data:view.isPage'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Kesepuluh
Menampilkan sebuah element pada index meliputi homepage, label page, search page dan archive page.<b:if cond='data:blog.pageType == "index"'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
<b:if cond='data:view.isMultipleItems'>
Kesebelas
<b:if cond='data:blog.searchLabel'>
<!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>
Keduabelas
Menampilkan sebuah element pada layout mode<b:if cond='data:view.isLayoutMode'> <!-- Tulis element di sini (contoh:JavaScript, CSS dll) --> </b:if>
Ketigabelas
Menampilkan sebuah element pada pratinjau (preview)<b:if cond='data:view.isPreview'> <!-- Tulis element di sini (contoh:JavaScript, CSS dll) --> </b:if>
Contoh Penerapan
Kode Lama
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> /* -- Penulisan Style CSS -- */ </style> <script type='text/javascript' > // Penulisan JavaScript </script> <!-- Penulisan HTML --> <div class='contoh'></div> </b:if>
Kode Baru
<b:if cond='data:view.isHomepage'> <style type='text/css'> /* -- Penulisan Style CSS -- */ </style> <script type='text/javascript' > // Penulisan JavaScript </script> <!-- Penulisan HTML --> <div class='contoh'></div> </b:if>
Untuk cara menggunakan multiple tag conditional dengan cara menambahkan kode <b:else/> contoh sebagai berikut:
<b:if cond="data:blog.pageType == "item""> Kontent-1 Jika Kondisi Benar <b:else> Kontent-2 Jika kondisi Salah </b:else>
Jika ada yang kurang mengerti silahkan tulis di komentar,
Sekian semoga bermanfaat, terimakasih