Friday, January 26, 2018

Jenis Kode Tag Kondisional Pembungkus Element Template

Jenis Kode Tag Kondisional Pembungkus Element Template

Tags

Jenis Kode Tag Kondisional Pembungkus Element Template
Tag kondisional

Ketemu lagi sobat blogger pembahasan kita saat ini masih seputar belajar blogger. Banyak ilmu sebetulnya yang bisa kita pelajari dari membangun sebuah blog dari nol. Membangun blog atau sebuah website tidak hanya sekedar tulis menulis saja. Tetapi banyak hal yang harus kita perhatikan terutama masalah tampilan dan template. Tujuanya supaya blog kita terlihat lebih serius menarik dan tidak sekedar ikut-ikutan membuat blog.

Kembali ke pokok pembahasan kali ini kita akan membahas tentang kode tag pembungkus pada xml template. Maksud kode tag pembungkus disini adalah. Bagaimana caranya kita mengkondisikan ataupun menampilkan/menghilangkan elemen tertentu pada template blog. Dengan menggunakan kode pembungkus ini kita bisa mengatur element tersebut bisa tampil pada kondisi apa saja. Misalnya tag kondisional untuk element winget sidebar. Winget bisa kita tampilankan pada tampilan destop saja atau hanya untuk tampilan mobile saja dari blog kita.

Didalam kode xml template ada beberapa jenis kode tag kondisional/pembungkus yang sering di gunakan untuk mengatur tampilan blog. Apa sajakah kode-kode tersebut dan bagai manakah cara penerapanya pada xml template. Mari kita bahasa bersama sama satu persatu. Sebagai catatan untuk yang saya beri tanda bintang merupakan tempat element template yang akan di bungkus di kondisikan.

1. Tag kondisi/pembungkus pada halaman utama blog.


Menampilkan element template hanya pada homepage (halaman utama) saja berikut kodenya.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
*******
*******
</b:if>

Menampilkan element template selain pada halaman homepage (halaman utama) berikut kodenya.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
*******
*******
</b:if>

2. Tag kondisi/pembungkus pada Halaman Posting (Konten).


Menampilkan element template hanya pada item pages (Post).

<b:if cond='data:blog.pageType == "item"'>
*******
*******
</b:if>

Menampilkan element template selain pada item pages (Post).

<b:if cond='data:blog.pageType != "item"'>
*******
*******
</b:if>

3. Tag kondisi/pembungkus untuk menampilkan element template hanya pada Halaman Arsip (Archive).


Menampilkan element template hanya pada Archive pages/Arsip

<b:if cond='data:blog.pageType == "archive"'>
*******
*******
</b:if>

Menampilkan element template selain pada Archive pages/Arsip.

<b:if cond='data:blog.pageType != "archive"'>
*******
*******
</b:if>

4. Tag kondisi/pembungkus untuk menampilkan element template pada halaman/laman (Static Page).


Menampilkan element template hanya pada Static pages.

<b:if cond='data:blog.pageType == "static_page"'>
*******
*******
</b:if>

Menampilkan element template selain pada Static pages.

<b:if cond='data:blog.pageType != "static_page"'>
*******
*******
</b:if>

5. Tag kondisi/pembungkus untuk menampilkan pada URL Tertentu dari posting blog.


Menampilkan element template pada URL postingan Tertentu.

<b:if cond='data:blog.url == "Isi Dengan Alamat Postingan"'>
*******
*******
</b:if>

Menampilkan element template selain di URL Postingan Tertentu :

<b:if cond='data:blog.url != "Isi Dengab Alamat Postingan"'>
*******
*******
</b:if>

6. Tag kondisi/pembungkus untuk menampilkan element template pada Halaman Index.


Menampilkan pada halaman index.

<b:if cond='data:blog.pageType == "index"'>
*******
*******
</b:if>

Menampilkan selain pada halaman index.

<b:if cond='data:blog.pageType != "index"'>
*******
*******
</b:if>

7. Tag kondisi/pembungkus untuk menampilkan pada halaman label.


<b:if cond='data:blog.searchLabel'>
*******
*******
</b:if>

8. Tag kondisi/pembungkus untuk menampilkan element template hanya setelah postingan pertama dalam Multi Post Blog.


<b:if cond='data:post.isFirstPost'>
*******
*******
</b:if>

9. Tag kondisi/pembungkus menampilkan element template pada halaman posting dan Laman.


<b:if cond='data:blog.url == data:post.url'>
*******
*******
</b:if>

10. Tag kondisi/pembungkus menampilkan element template atau winget hanya pada tampilan mobile.


<b:if cond='data:blog.isMobileRequest == "true"'>
*******
*******
</b:if>

11. Tag kondisi/pembungkus menampilkan element template atau winget hanya pada tampilan destop/PC.


<b:if cond='data:blog.isMobileRequest == "false"'>
*******
*******
</b:if>

12. Tag kondisi/pembungkus halaman pratinjau. Misalnya untuk memangkas element menu pada template karna terlalu banyak.


<!-- elemen yang akan di pangkas -->

Demikianlah sobat macam-macam jenis kode tag kondisional atau tag pembungkus yang bisa kita gunakan untuk mengkondisikan tampilan dari blog kita. Untuk mengkondisikan tampilan winget sidebar antara tampilan Destop dan tamplian mobile sobat bisa pakai kode tag nomor 10 dan 11. Jika ada sobat yang masih merasa kebingungan silahkan tanya pada kolom komentar trimakasih.

A man is known by the companion he keeps !

Buka Komentar

Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
EmoticonEmoticon