Tag Conditional Blogger Terbaru

Tag Conditional Blogger Terbaru

Element
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.
Kode Lama
<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)
Kode Lama
<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).
Kode Lama
<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.
Kode Lama
<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.
Kode Lama
<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).
Kode Lama
<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).
Kode Lama
<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).
Kode Lama
<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).
Kode Lama
<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.
Kode Lama
<b:if cond='data:blog.pageType == "index"'>
       <!-- Tulis element di sini (contoh:JavaScript, CSS dll) -->
</b:if>

Kesebelas

Kode Lama
<b:if cond='data:blog.searchLabel'>
    <!-- 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

Related Post

4 komentar