Inilah Kode Tag Kondisional Blogger yang harus anda diketahui

Tag Kondisional adalah sebuah kode yang berfungsi untuk mengatur perilaku widget di Platfrom Blogger. Para Desainer Template yang sudah mahir biasanya memanfaatkan kode khusus untuk menapulasi Template mereka. Tentu saja menggunakan Kode Java Script, CSS3, dan JQuery. Tujuan dari itu adalah untuk membuat Tampilan Template yang sempurna Sesuai dengan keinginan.

Selain mengontrol Standart Widget Bawahan Blogger, Tag Kondisional juga bisa dipakai untuk mengatur dan mengendalikan CSS3 Terumata dalam pemakaian Media Screen. Berbeda dengan Java Script atau JQuery yang memiliki aturan dalam penempatan atau peletakannya. Pemakaian Tag Conditional dengan benar bisa juga dapat mempercepat Loading Blog anda.

Inilah Kode Tag Kondisional Blogger yang harus anda diketahui

1. Menampilkan Widget Hanya di Halaman Arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

2. Menampilkan Widget Selain di Halaman Arsip

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

3. Menampilkan Widget Hanya di Home Page Saja.

<b:if cond="data:blog.url == data:blog.homepageUrl">
   Elemen atau kode CSS atau Kode Widget
</b:if>

4. Menampilkan Widget Selain HomePage ( Seperti Halaman)

<b:if cond="data:blog.url != data:blog.homepageUrl">
   Elemen atau kode CSS atau Kode Widget
</b:if>

5. Menampilkan Widget Hanya Halaman Statis ( Statis Page )

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

6. Menampilkan Widget Selain Halaman Statis ( In addition to static pages)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

7. Menampilkan Widget di Single Post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

8. Menampilkan Widget Selain di Single Post

<b:if cond='data:blog.pageType != &quot;item&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

9. Menampilkan Widget di Halaman Mobile/Smartphone

<b:if cond='data:blog.isMobile'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

10. Menampilkan Widget pada URL atau Halaman Tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

11. Menampilkan Widget Selain URL atau Halaman Tertentu

<b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

12. Menampilkan Widget di Halaman Perdambaan Label (Mencari Artikel Berdasarkan Label)

<b:if cond='data:blog.searchLabel'>
   Elemen atau kode CSS atau Kode Widget
</b:if>

13. Menampilkan Widget Hanya di Home/Beranda Saja Tanpa Terlihat Single Post

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   Elemen atau kode CSS atau Kode Widget
</b:if>
</b:if>

14. Halaman Error Page

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Elemen atau kode CSS atau Kode Widget
</b:if>

• Update 29 Desember 2016

15. Menampilam Widget Tertentu pada Mobile Device

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
Elemen atau kode CSS atau Kode Widget
</b:if>

16. Menyembunyikan Widget Tertentu pada Mobile Device

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
Elemen atau kode CSS atau Kode Widget
</b:if>

Catatan :
" == " (2 sama dengan) Tanda ini berarti kondisi Objek atau kode akan ditampilkan atau sedang di proses.
" != " (Tanda Seru dan sama dengan) Tanda ini berarti kondisi kecuali atau Objek atau kode tidak akan diproses.

Anda yang ingin memanfaatkan Tag Kondisional kode diatas  untuk mengatur Standart Widget. Anda wajib meletakkannya kode tersebut diantaranya dibagian <b:includable id='main'> dan </b:includable>

Biar lebih jelas, perhatikan Screenshoot Berikut :

- Klik Gambar Biar Lebih Jelas !


Sehingga Jika dicontohkan akan menjadi seperti ini :

<b:widget id='HTML99' locked='false' title='' type='HTML'>
<b:includable id='main'>
   <b:if cond="data:blog.url == data:blog.homepageUrl">
      Elemen atau kode CSS atau Kode Widget
   </b:if>
</b:includable>
</b:widget>

Demikian Penjelasan Singkat Kode Tags Kondisional yang berguna untuk merancang atau merombak template supaya Responsive dan Seo Freandly ini. Sekian dari saya, Semoga Bermanfaat! dan Semoga Artikel yang sederhana ini, dapat menginspirasi anda dalam pembuatan Template yang Responsive.

Share this post

Related Post