Penjelasan Tag b:loop pada Blogger


Loop adalah suatu instruksi untuk melakukan pengulangan dan akan berhenti samapi suatu kondisinya telah tercapai. Biasanya, ketika kondisinya selesai atau sudah mendapatkan data serta merubahnya, kemudian beberapa kondisi lain juga akan di cek. Pada Blogger, Loop dapat diimplementisikan dengan menggunakan Tag <b:loop>. Loop pada Blogger paling sering digunakan untuk menampilkan daftar Postingan, Komentar, Label, dll

Contoh Penulisan Tag b:loop

Berikut adalah contoh format penulisan dasar tag b:loop:


<b:loop index='STRING' values='ARRAY' var='STRING' reverse='BOOLEAN'>
    ....
</b:loop>

Penjelasan

  • Atribut values dapat berupa Ekspersi untuk menampilkan Array.
  • Atribut index dengan nilai yang berupa String (Teks) berfungsi untuk menampilkan nomor index yang diawali dengan angka 0.
  • Atribut reverse berfungsi untuk mengurutkan hasilnya dari bawah keatas. Perlu dicatat bahwasanya kita tidak harus mengatur/menggunakan atribut tersebut. Secara Default, nilainya adalah false.


Contoh Kode Tag b:loop

Berikut adalah contoh kode tag b:loop:


<b:loop index='i' values='data:posts' var='post'>
  <div>
    <h3>
      <b:eval expr='data:i + 1' />. <data:post.title />
    </h3>
    <div>
      <data:post.body />
    </div>
  </div>
</b:loop>


Atribut index yang memiliki nilai i akan mengubah data: dan menghasilkan tag <b:eval>, setelah itu akan mengevaluasi ekspresi expr='data:i + 1' yang diawali dengan angka 0 + 1.

Hasil dari kode diatas akan seperti:


1. Ini adalah Judul Postingan

Contoh lain dari Tag <b:loop> dengan menggunakan String:

<ul>
    <b:loop values='["Yasya", "Agung", "Binu"]' var='nama' >
        <li>
            <data:nama/>
        </li>
    </b:loop>
</ul>

Data yang berisikan nama yaitu Yasya, Agung, dan Binu akan menjadi hasil pada Browser dengan memanggilnya dengan Tag <data:nama/>.

Mungkin itu saja penjelasan dari saya, jika ada yang kurang jelas, kalian dapat bertanya melalui kolom komentar dibawah ini. Jika artikel ini bermanfaat, silahkan dibagikan. Terimakasih telah berkunjung di EL Creative Academy. 

Tampilkan 1 Komentar

1 Komentar

  1. Makasih gan.
    Mau ngungsi ke sini, karna situs blakbin sudah tutup.

    Gue tunggu penjelasan cara penggunaan Operator blogger.

    BalasHapus

Posting Komentar