7 Fungsi Conditional Statement b:if pada Blogspot

Jika anda adalah seorang programmer atau mengerti basic dari pemrograman pasti tidak asing dengan istilah conditional statement. Kode-kode yang menyusun tata letak desain dari halaman blogspot tidak hanya berisi HTML dan CSS semata, namun juga mengandung fungsi conditional statement yang memiliki awalan "b:if".

Dengan memanfaatkan fungsi ini, kita dapat melakukan beragam perubahan tampilan pada blog, seperti menampilkan dan menyembunyikan widget dari halaman utama, halaman posting atau halaman tertentu, membuat halaman splash screen/welcome page/landing page seperti yang terlihat pada halaman awal blog saya dan masih banyak lagi. Bagi anda yang ingin mempelajari kustomisasi lebih lanjut pada blogspot, anda wajib mengetahui fungsi ini.

Baiklah kali ini saya akan share fungsi-fungsi tersebut beserta kode dan penggunaannya.

Berikut saya share 7 kode beserta fungsi penting conditional statement yang berguna untuk mengatur tata letak dan setiap elemen dari blogspot:

1) Tampil pada Home/Beranda/Halaman Utama Blog

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

Kode tersebut berfungsi untuk menampilkan sesuatu (widget, kode html, css) pada halaman utama blog saja. Artinya jika kita klik posting atau page yang ada di blog, maka sesuatu tsb tidak tampil. Kode ini berguna untuk anda yang ingin menempatkan widget tertentu pada halaman utama atau membuat splash page/landing page/welcome page pada blogspot.

2) Tampil pada Halaman Selain Home / Tampil pada Category-Post dan Single-Post/Halaman Posting

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

Kode kedua ('!=') ini merupakan kebalikan dari kode pertama ('==') yang artinya menampilkan sesuatu selain dari halaman utama blog. Dengan menggunakan kode ini anda dapat menampilkan widget, html atau style css tertentu pada halaman category-post (pada saat klik label posting), page-blog, dan single-post (pada saat klik artikel posting), misal seperti membuat tampilan style css isi yang berbeda dengan tampilan home.

3) Tampil Khusus pada Halaman Posting Artikel

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Sesuatu disini
</b:if>

Anda dapat menampilkan sesuatu saat visitor berada pada halaman posting di blogspot dengan kode diatas. Anda dapat menampilkan widget recent posts atau widget voting, contact form, dlsb sesuai dengan keperluan anda. Berkreasi tanpa batas untuk membuat blogspot lebih powerful.

4) Tampil pada Halaman Utama, Category-Post dan Page/Laman

<b:if cond='data:blog.pageType != &quot;item&quot;'>
Sesuatu disini
</b:if>
atau
<b:if cond='data:blog.pageType == &quot;index&quot;'>
Sesuatu disini
</b:if>

Kode ini kebalikan dari kode ketiga. Dengan kode ini anda dapat mengatur tampil pada selain halaman posting artikel, yakni hanya tampil pada halaman utama, category-post dan page-blog.

5) Tampil pada Halaman Tertentu di Blog

<b:if cond='data:blog.url == &quot;LINK_URL_TERTENTU&quot;'>
Sesuatu disini
</b:if>

Anda dapat menggunakan kode tersebut agar sesuatu dapat tampil hanya pada link khusus yang sudah ditentukan. Penerapan dari kode ini yakni misal memasang widget pendaftaran acara, form order, dlsb pada sebuah halaman tertentu di blogspot anda.

6) Tidak Tampil pada Halaman Tertentu di Blog

<b:if cond='data:blog.url != &quot;LINK_URL_TERTENTU&quot;'>
Sesuatu disini
</b:if>

Kode ini merupakan kebalikan dari kode kelima.

7) Fungsi <b:else>
Sama seperi bahasa pemrograman lainnya, fungsi conditional statement if di blogspot juga dilengkapi dengan fungsi else yang direpresentasikan dengan <b:else>. Agar lebih mudah memahaminya, saya akan langsung berikan contoh dalam bentuk struktur kode di bawah ini:

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

<b:else>
Kode Widget2

</b:else>
</b:if>

Contoh kode diatas dapat diartikan: Pada halaman utama hanya tampil Kode Widget 1, selain (else) daripada halaman utama yang tampil ialah Kode Widget2. Anda dapat melakukan beragam tampilan dan trik dengan kode ini.

That's all! Itu semua kode-kode conditional statement pada blogger yang saya ketahui dan dapat saya share. Kode-kode tersebut dapat digabungkan dan diletakkan dimana saja asal kode pembuka (<b:if...>) dan penutup (</b:if>) diletakkan dalam struktur yang benar.
Semoga share saya kali ini dapat menambah wawasan dan berguna untuk blogspot anda.
Blogspot is one of the powerful platform to every purpose in internet -in my opinion-
Sekali lagi, semoga manfaat!

Baca selengkapnya »: http://www.wahyuputra.web.id/2011/10/7-fungsi-conditional-statement-bif-pada.html#ixzz2Boc7nrd5