tutorial blogger Indonesia

7 Fungsi Conditional Statement b:if pada Blogspot

on Selasa, 11 Desember 2012


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 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.
Mari kita klik 'Baca Selengkapnya' untuk menyimak lebih lanjut!


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: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.

Tag :

Teka-teki Imam Ghazali rah.a

Suatu hari, Imam Al-Ghazali berkumpul dengan murid-muridnya lalu beliau bertanya (Teka Teki ) :
Imam Ghazali = ” Apakah yang paling dekat dengan diri kita di dunia ini ?
Tag :
 
© Pandu KM (INGIN BERBAGI) | All Rights Reserved
Bloggerized By Imuzcorner | Powered By Blogger | CoolBiz Blogger Template By Free Blogger Template