Contoh Operator Expr, Loops, dan Branching di Blogger

Artikel ini akan membantu Anda memahami tentang Operator Expr (Expression), Loops, dan Branching di Blogger. Bagi Anda yang belum memahami silakan simak contohnya di bawah ini.

Contoh Operator Expr, Loops, dan Branching di Blogger

Loops


Anda dapat menggunakan b:loop untuk memindai semua elemen dalam satu tag b:loop. Contoh penerapannya seperti ini :

<b:loop values='data:name_of_array' var='name_of_element'>
 <data:name_of_element/>
 <data:name_of_element.name_of_property/>
</b:loop>

Name_of_array adalah nama dari sebuah variabel yang diterapkan. Anda tidak bisa memasukkan nama apa pun di sini, karena Anda harus mengikuti nama asli dalam daftar variabel standar Blogger.

Name_of_element Anda bebas memasukkan nama apa pun di sini. Jika suatu elemen adalah angka, Anda bisa menampilkannya secara langsung dengan menggunakan <data:name_of_key/>. Jika ini adalah objek, Anda dapat menggunakan <data:name_of_key.name_of_property/> untuk mengakses propertinya.

Name_of_property harus mengikuti nama asli dalam daftar variabel standar Blogger.

Contoh data yang ada pada widget Profil

<b:loop values='data:authors' var='i'>
 <li>
  <a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'>
   <data:i.display-name/>
  </a>
 </li>
</b:loop>

Branching


Anda dapat menggunakan b:if untuk mencabangkan kode Anda. Contohnya seperti ini :

<b:if cond='your_condition_expression'>
 <!-- Tambahkan di sini untuk kode yang sebenarnya -->
<b:elseif cond='another_condition_expression'/>
 <!-- Tambahkan di sini untuk kode yang sebenarnya -->
<b:else/>
 <!-- Tambahkan kode di sini untuk pengecualian -->
</b:if>

Expr (Expression)


Kondisi Ekspresi adalah ==,! =, & Gt; =, & lt; = (Blogger tidak mengizinkan Anda memasukkan> = atau <= sehingga Anda harus menggunakan & gt; = dan & lt; =). Contoh :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Ini adalah halaman Index
</b:if>
<b:if cond='false'>
Ini adalah halaman pengecualian
</b:if>

Anda juga dapat menggabungkan lebih dari satu ketentuan menggunakan &amp;&amp; dan || (Blogger tidak mengizinkan Anda memasukkan &&, jadi Anda harus menggunakan &amp;&amp;)

<b:if cond='data:blog.pageType == &quot;item&quot; &amp;&amp; data:blog.postImageUrl'>
 Ini adalah konten Anda
</b:if>

Blogger juga mendukung kondisi percabangan expression. Seperti :

kondisi_expression? kode_yang_sebenarnya : kode_pengecualian

Berikut ini contoh meta viewport dalam header template

<meta expr:content='data:blog.isMobile ? &quot;width=device-width,initial-scale=1&quot; : &quot;width=1100&quot;' name='viewport'/>

Related Posts

Load comments

Comments