Inilah Instruksi Tag Kondisional Blogger Yang Harus Anda Diketahui

Baca Juga

Tag Kondisional yakni sebuah isyarat yang berfungsi untuk mengatur sikap widget di Platfrom Blogger. Para Desainer Template yang sudah andal biasanya memanfaatkan isyarat khusus untuk menapulasi Template mereka. Tentu saja memakai Kode Java Script, CSS3, dan JQuery. Tujuan dari itu yakni untuk menciptakan Tampilan Template yang tepat Sesuai dengan keinginan.

Selain mengontrol Standart Widget Bawahan Blogger, Tag Kondisional juga sanggup digunakan untuk mengatur dan mengendalikan CSS3 Terumata dalam pemakaian Media Screen. Berbeda dengan Java Script atau JQuery yang mempunyai hukum dalam penempatan atau peletakannya. Pemakaian Tag Conditional dengan benar sanggup juga sanggup 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 isyarat CSS atau Kode Widget
</b:if>

2. Menampilkan Widget Selain di Halaman Arsip

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
   Elemen atau isyarat 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 isyarat CSS atau Kode Widget
</b:if>

4. Menampilkan Widget Selain HomePage ( Seperti Halaman)

<b:if cond="data:blog.url != data:blog.homepageUrl">
   Elemen atau isyarat 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 isyarat 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 isyarat CSS atau Kode Widget
</b:if>

7. Menampilkan Widget di Single Post

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

8. Menampilkan Widget Selain di Single Post

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

9. Menampilkan Widget di Halaman Mobile/Smartphone

<b:if cond='data:blog.isMobile'>
   Elemen atau isyarat 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 isyarat 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 isyarat 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 isyarat 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 isyarat CSS atau Kode Widget
</b:if>
</b:if>

14. Halaman Error Page

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Elemen atau isyarat 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 isyarat CSS atau Kode Widget
</b:if>

16. Menyembunyikan Widget Tertentu pada Mobile Device

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

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

Anda yang ingin memanfaatkan Tag Kondisional isyarat diatas  untuk mengatur Standart Widget. Anda wajib meletakkannya isyarat 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 ibarat 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 isyarat CSS atau Kode Widget
   </b:if>
</b:includable>
</b:widget>

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