Belajar Fungsi If Condition Pada Blog

Untuk mengedit tampilan blog sudah tentu kita akan akrab dengan code-code Html.

Nah, sekarang kita akan belajar bersama tentang code html, khususnya fungsi If Condition.

Untuk mempermudah pemahaman fungsi If Condition, ada baiknya membaca contoh kasus berikut ini :



Contoh mudah, saya ingin menampilkan elemen/widget Followers hanya di Home Page saja.

Perhatikan code html berikut :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML5' locked='false' title='Chat' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Label' type='HTML'/>
</b:section>
</div>

Jika ingin menampilkan Followers di Home page saja,
bisa menggunakan fungsi If Condition seperti berikut :
(Karena ini adalah sebuah ID, di dalam kode CSS nanti hanya perlu ditambahkan tanda pagar ( # ) di depannya)

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#Followers1{display:none}
</b:if>
</style>

Secara detail saya sendiri juga belum begitu paham tentang fungsi If Condition atau di code blog biasa ditulis

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

Fungsi dari code pertama
<b:if cond='data:blog.pageType == &quot;item&quot;'>
untuk menampilkan suatu elemen/widget blog hanya di Home page atau halaman utama blog saja, sedangkan di single post (halaman posting) elemen/widget tersebut tidak ditampilkan.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Berfungsi untuk menampilkan elemen/widget di Home Page Blog

Sedangkan Fungsi dari code kedua,
<b:if cond='data:blog.pageType != &quot;item&quot;'>
untuk menampilkan suatu elemen/widget blog hanya di single post (halaman posting) saja, sedangkan di Home page atau halaman utama blog elemen/widget tersebut tidak ditampilkan.

<b:if cond='data:blog.pageType != &quot;item&quot;'>Berfungsi untuk menampilkan elemen/widget di Single Post Blog

!!!!! Perhatikan tanda !=!= dan ==
!!!!! Untuk penyimpanan silakan taruh code tersebut setelah code ]]></b:skin> atau sebelum tag </head>

Trus bagaimana cara mengetahui "nama" atau ID elemen/widget suatu blog ?

Seperti contoh diawal tadi, caranya dengan mengenali atau mengetahui suatu elemen/widget blog bisa dilihat di code html blog masing-masing.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML5' locked='false' title='Chat' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Label' type='HTML'/>
</b:section>
</div>

• Nama ID untuk Followers = Followers1
• Nama ID untuk Label = HTML5
• Nama ID untuk Chat = HTML4

Bagaimana, sudah paham tentang Fungsi If Condition ?

Anda Membaca Artikel : Belajar Fungsi If Condition Pada Blog