Contoh Operator Expr, Loops, dan Branching di Blogger
Tips BloggerLoops
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='"background-image: url(" + data:i.profileLogo + ");"'>
<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 == "index"'>
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 && dan || (Blogger tidak mengizinkan Anda memasukkan &&, jadi Anda harus menggunakan &&)
<b:if cond='data:blog.pageType == "item" && 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 ? "width=device-width,initial-scale=1" : "width=1100"' name='viewport'/>