Mengenal Tipe-tipe Halaman Blogger dan Tag Kondisional untuk masing-masing halaman

Dalam proses belajar anda, anda mungkin sering kali menemukan berbagai tutorial dengan intruksi yang berhubungan dengan halaman-halaman blog. Terlebih lagi jika itu merupakan panduan yang berkaitan dengan tema blog, mulai dari kegiatan penambahan elemen-elemen baru, mengedit tampilan blog dan serta berbagai hal terkait lainnya. Pada halaman ini, kita akan meninjau jenis-jenis halaman yang tersedia pada blog dengan platform blogging blogger.com serta Tag Kondisional (Conditional Tag) untuk masing-masing halaman.

Apa itu Tag Kondisional Halaman Blogger ?

Tag Kondisional Halaman Blogger adalah Tag XML Blogger yang memungkinkan kita untuk dapat mengatur ketersediaan konten, konfigurasi atau hal lainnya berdasarkan tipe halaman. Sederhananya, melalui penggunaan tag ini, kita bisa menerapkan konfigurasi yang hanya tersedia untuk halaman tertentu saja. Hal ini seperti misalnya menampilkan konten hanya pada halaman index, menerapkan style (CSS) hanya pada halaman item dan berbagai kebutuhan serupa lainnya.

Catatan:
Tag Kondisional Blogger hanya bisa digunakan melalui HTML Editor blog. Dengan kata lain, Ini tidak akan bekerja untuk penggunaan yang dilakukan melalui Post Editor, Laman Editor, atau Konfigurasi Konten pada proses penambahan widget melalui antarmuka Layout Blog.

Daftar isi:

Halaman Index
Halaman Item
Halaman Statis
Halaman Archive
Halaman Error

1. Halaman Index

Halaman Index adalah istilah yang digunakan untuk menyebutkan beberapa halaman yang berisi daftar post. Pada halaman Index, post yang ditampilkan umumnya hanya berupa summary (ringkasan) dengan jumplink (read more) untuk menampilkan post secara penuh. Ada beberapa tipe halaman yang termasuk pada halaman index, beberapa tipe halaman ini yaitu Homepage, Label, Search Query dan Search Update.

Tag kondisional halaman index

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

Konten yang terdapat disini hanya tersedia pada halaman index

</b:if>

Tag kondisional selain halaman index

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

Konten yang terdapat disini hanya tersedia pada halaman selain index

</b:if>

Seperti yang telah diinformasikan sebelumnya, terdapat 4 halaman yang termasuk pada halaman index. Dengan demikian, ketika anda menggunakan tag kondisional diatas (saya contohkan disini tag kondisional pertama), itu artinya konten akan tersedia untuk semua sub halaman index (Homepage, Label, Search Query dan Search Update). Jika anda hendak mengatur ketersediaan konten hanya pada sub halaman index tertentu, gunakan tag kondisional yang terdapat pada masing-masing sub halaman index berikut:

1.1 Halaman Homepage

Halaman Homepage adalah istilah untuk menyebutkan halaman utama blog (beranda). Halaman ini tidak lain berada pada domain utama.

Format URL	domain-utama
Contoh URL	http://www.wiblogger.com

Tag kondisional halaman homepage

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

Konten yang terdapat disini hanya tersedia pada halaman homepage

</b:if>

Tag kondisional selain halaman homepage

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

Konten yang terdapat disini hanya tersedia pada halaman selain homepage

</b:if>

1.2 Halaman Label

Halaman Label adalah halaman yang berisi daftar posts yang berada pada label tertentu. Link menuju ke halaman label sering kali disisipkan pada menu navigasi blog untuk memudahkan pembaca menelusuri post yang sesuai dengan minat mereka.

Format URL	domain-utama/search/label/nama%20label
Contoh URL	http://wiblogger.com/search/label/Blogger%20Themes

INFO:
Pada URL diatas, %20 adalah pengganti Spasi.

Tag kondisional halaman label

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

Konten yang terdapat disini hanya tersedia pada halaman label

</b:if>

Tag kondisional selain halaman label

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

Konten yang terdapat disini hanya tersedia pada halaman selain label

</b:if>

1.3 Halaman Search Query

Halaman Search Query adalah halaman yang terbuka saat pengunjung melakukan pencarian dengan query tertentu melalui kotak penelusuran blog (Search form). Halaman ini akan menampilkan daftar post yang relevan dengan query pencarian (jika tersedia).

Format URL	domain-utama/search?q=query+pencarian
Contoh URL	http://www.wiblogger.com/search?q=Tutorial+Blogger

INFO:
Pada URL diatas, + adalah pengganti Spasi. URL juga dapat bekerja dengan mengganti + menjadi %20.

Tag kondisional halaman search query

<b:if cond='data:blog.searchQuery'>

Konten yang terdapat disini hanya tersedia pada halaman search query

</b:if>

Tag kondisional selain halaman search query

<b:if cond='!data:blog.searchQuery'>

Konten yang terdapat disini hanya tersedia pada halaman selain search query

</b:if>

1.4 Halaman Search Update

Halaman ini adalah halaman yang terbuka saat kita menelusuri isi blog melalui link next posts (post selanjutnya) dan previous posts (post sebelumnya) yang terdapat pada Homepage. Adapun post yang ditampilkan pada halaman ini diurutkan berdasarkan waktu publikasi (dimulai dari yang terbaru). Jika anda mengunjungi halaman utama wiBlogger.com, pada daftar post terbaru yang ditampilkan, klik tombol next posts (posts selanjutnya), halaman yang terbuka inilah yang dimaksud dengan halaman Search Update.

Format URL	domain-utama/search?updated-max=parameter
Contoh URL	http://www.wiblogger.com/search?updated-max=2017-12-01T03:45:00%2B07:00&max-results=8

INFO:
Kebanyakan informasi yang tersedia diluar sana mungkin tidak menyebutkan halaman ini sebagai salah satu tipe halaman blogger. Namun, pada kenyataannya, halaman ini merupakan halaman yang berbeda dan berdiri sendiri layaknya 3 tipe halaman index sebelumnya.

Tag kondisional halaman search update

<b:if cond='data:blog.pageType == "index" and data:blog.url != data:blog.homepageUrl and !data:blog.searchLabel and !data:blog.searchQuery'>

Konten yang terdapat disini hanya tersedia pada halaman search update

</b:if>

Tag kondisional halaman index selain search update

<b:if cond='data:blog.pageType == "index" and data:blog.url == data:blog.homepageUrl or data:blog.searchLabel or data:blog.searchQuery'>

Konten yang terdapat disini hanya tersedia pada halaman index selain search update

</b:if>

2. Halaman Item

Halaman Item adalah nama lain untuk halaman Posting. Tidak seperti halaman Index sebelumnya yang umumnya hanya menampilkan penggalan awal sebagai deskripsi post, pada halaman item, isi post ditampilkan secara keseluruhan. Anda tentu sudah paham betul mana yang dimaksud dengan halaman item atau halaman posting.

Format URL	domain-utama/tahun-terbit/bulan-terbit/nama-post.html
Contoh URL	http://www.wiblogger.com/2016/04/tutorial-blogger-pemula.html

Tag kondisional halaman item

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

Konten yang terdapat disini hanya tersedia pada halaman item

</b:if>

Tag kondisional selain halaman item

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

Konten yang terdapat disini hanya tersedia pada halaman selain item

</b:if>

3. Halaman Statis

Halaman Statis umumnya digunakan untuk menerbitkan berbagai laman atau dokumen khusus sebagai kelengkapan/atribut blog. Ini misalnya halaman About Us, Contact Us, Privacy Policy dan lain sebagainya.

Format URL	domain-utama/p/nama-laman.html
Contoh URL	http://www.wiblogger.com/p/tentang-kami.html

Tag kondisional halaman statis

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

Konten yang terdapat disini hanya tersedia pada halaman statis

</b:if>

Tag kondisional selain halaman statis

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

Konten yang terdapat disini hanya tersedia pada halaman selain statis

</b:if>

Post terkait:
Perbedaan Laman dan Post
Cara membuat laman Contact us, Privacy Policy, dan Disclaimer

4. Halaman Arsip

Tidak jauh berbeda dengan halaman Index sebelumnya, umumnya halaman arsip juga hanya menampilkan ringkasan post. Halaman ini berisi daftar post yang dikelompokkan berdasarkan rentan waktu tertentu (tahun atau bulan).

Format URL	domain-utama/tahun (Arsip tahunan) domain-utama/tahun/bulan (Arsip bulanan)
Contoh URL	http://www.wiblogger.com/2017 http://www.wiblogger.com/2017/12

Tag kondisional halaman arsip

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

Konten yang terdapat disini hanya tersedia pada halaman arsip

</b:if>

Tag kondisional selain halaman arsip

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

Konten yang terdapat disini hanya tersedia pada halaman selain arsip

</b:if>

5. Halaman Error

Semua halaman yang tidak ditemukan merupakan halaman Error. Halaman error ini bisa berupa postingan yang telah dihapus, kunjungan pada URL dengan format yang tidak benar, serta beberapa bentuk kesalahan URL lainnya.

Tag kondisional halaman error

<b:if cond='data:blog.pageType == "error_page"'>

Konten yang terdapat disini hanya tersedia pada halaman error

</b:if>

Tag kondisional selain halaman error

<b:if cond='data:blog.pageType != "error_page"'>

Konten yang terdapat disini hanya tersedia pada selain halaman error

</b:if>