Labels In Blogger

Labels In Blogger

Penjelasan

Label adalah tag yang ditambah oleh penulis pada setiap artikel. Yang bertujuan untuk memisahkan, mengelompokan artikel dengan label label tertentu.

Label Add

Beberapa Contoh Code Pada gadget Blog

Contoh Syntax Default

<b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'>
      <data:label.name/>
    </a>
  </b:loop>
</b:loop>

Menambahkan pembatas tiap label dengan koma(,)

<b:loop values='data:post.labels' var='label' index='i'>
  <b:if cond='data:i > 0'>
    , <!-- Tambahkan koma jika bukan label pertama -->
  </b:if>
  <data:label.name/>
  <b:if cond='data:i == data:post.labels.size - 1'>
    <!-- Tidak tambahkan koma untuk label terakhir -->
  </b:if>
</b:loop>

Contoh Syntax Filter 1

<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name in ["Anime", "Manga", "Movies"]'>
    <a expr:href='data:label.url' rel='tag'>
      <data:label.name/>
    </a>
  </b:if>
</b:loop>

Diatas hanya mengijinkan label Anime Manga Movies yang akan muncul.

Contoh Syntax Filter 2

<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name in ["Anime"]'>
    <a expr:href='data:label.url' rel='tag'>
      <data:label.name/>
    </a>
  <b:elseif cond='data:label.name in ["Manga"]'/>
    <a expr:href='data:label.url' rel='tag'>
      <data:label.name/>
    </a>
  <b:elseif cond='data:label.name in ["Movies"]'/>
    <a expr:href='data:label.url' rel='tag'>
      <data:label.name/>
    </a>
  </b:if>
</b:loop>

Diatas hanya mengijinkan label Anime Manga Movies yang akan muncul.

Contoh Syntax Filter 3 (Score Label)

<b:with value='["0","1","2","3","4","5","6","7","8","9"]' var='checkNumber'>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='item'>
      <b:with value='"String: " + data:item.name' var='string'>
        <b:loop values='data:checkNumber' var='first'>
          <b:if cond='data:string contains data:first + "."'>
            <b:loop values='data:checkNumber' var='last'>
              <b:if cond='data:string contains "." + data:last'>

                <div class="rt">
                  <div class="rating">
                    <div class="rating-prc">
                      <div class="rtp">
                        <b:with value='10' var='ten'>
                          <b:if cond='data:string contains data:ten + "."'>
                            <div class='rtb'><span style='width:100%'/></div>
                          <b:else/>
                            <div class='rtb'><span expr:style='"width:" + data:first + "" + data:last + "%"'/></div>
                          </b:if>
                        </b:with>
                      </div>
                    </div>
                    <div class="numscore"><data:item.name/></div>
                  </div>
                </div>

              </b:if>
            </b:loop>
          </b:if>
        </b:loop>
      </b:with>
    </b:loop>
  </b:if>
</b:with>

Diatas hanya mengijinkan label dengan format Number.Number yang akan muncul. Seperti 2.55 3.5 9.9.

Contoh Syntax Filter 4 (Episode Label)

<b:with value='["Episode", "Eps", "Ep"]' var='checkEpisode'>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='item'>
      <b:with value='"String: " + data:item.name' var='string'>
        <b:loop values='data:checkEpisode' var='first'>
          <b:if cond='data:string contains data:first + " "'>
            <span class="eps">data:item.name/></span>
          </b:if>
        </b:loop>
      </b:with>
    </b:loop>
  </b:if>
</b:with>

Diatas hanya mengijinkan label dengan format Episode/Eps/Ep Number yang akan muncul. Seperti Eps 01 Episode 999 Ep 100.

Contoh Syntax Filter 5 (Musim Label Anime)

<b:with value='["Winter","Summer","Spring","Fall"]' var='checkMusim'>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='item'>
      <b:with value='"String: " + data:item.name' var='string'>
        <b:loop values='data:checkMusim' var='first'>
          <b:if cond='data:string contains data:first + " "'>
            <data:item.name/>
          </b:if>
        </b:loop>
      </b:with>
    </b:loop>
  </b:if>
</b:with>

Diatas hanya mengijinkan label dengan format Musim Number yang akan muncul. Seperti Winter 2022 Spring 2011 Fall 2000.

Contoh Syntax Filter 6 (Volume & Chapter)

<b:with value='["Vol","Ch"]' var='checkVol'>
  <b:if cond='data:post.labels'>
    <div class="New_Ch">
      <b:loop values='data:post.labels' var='item'>
        <b:with value='"String: " + data:item.name' var='string'>
          <b:loop index='i' values='data:checkVol'  var='first'>
            <b:with value='data:i + 1' var='nb'>
              <b:if cond='data:i in [1]'>
                <b:if cond='data:string contains data:first + "."'>
                  <a expr:href='data:post.url'><span><i class="fas fa-file-alt"></i> <data:item.name/></span></a>
                </b:if>
              </b:if>
            </b:with>
          </b:loop>
        </b:with>
      </b:loop>
    </div>
  </b:if>
</b:with>

Diatas hanya mengijinkan label dengan format Vol/Ch Number yang akan muncul. Seperti Vol.01 Ch.02 Vol.04 Ch.01.

Referensi :
dayat.id

Comments

  1. Wah, syntax 2 , 4-6 sangat membantu. Baru tau bisa ditulis begitu.
    Sangat bersih, tanpa pakai CSS.

    Pasti kupakai nanti. Thanks.

    ReplyDelete
    Replies
    1. Sama-sama, tapi masih ada beberapa lagi masih belum saya up

      Delete
  2. mau tanya,
    pada bagian Score Label,
    aku mau memasukannya ke label not in

    data:label.name not in data:??
    (atau harus pakai data:item.name ?)

    tapi data apa yang harus aku diambil? string atau checkNumber?

    ReplyDelete
    Replies
    1. data:label.name atau data:item.name ??
      lah kok berbeda ya?? ngambil dari mana?? apa kah hasilnya sama??
      label dan item itu cuma penamaan saja pada loop atau pengulangan di bagian var='[Nama]' dan hasilnya akan sama saja. <b:loop values='data:post.labels' var='item'>
      <b:comment>Menggunakan item</b:comment>
      </b:loop>
      <b:loop values='data:post.labels' var='label'>
      <b:comment>Menggunakan label</b:comment>
      </b:loop>
      ambil yang mana checkNumber atau string?? tergantung.
      misalkan dalam post berisi label Anime, Series, 9.0, 2001, summer 2001
      checkNumber mengambil data dari checkNumber yang berisi ["0","1","2","3","4","5","6","7","8","9"].
      string mengambil data dari string yang berisi ["String: Anime","String: Series","String: 9.0","String: 2001","String: summer 2001"]
      kalok gak salah!! ini juga bisa salah jadi bisa di coba kembali!! hehehe....

      Delete
    2. data:label.name not in data:checkNumber and data:label.name not in data:first and data:label.name not in data:last data:label.name not in data:string

      Lalu mengambil simbol titik gimana bang?

      sisa cuman itu yang jadi bug

      Delete
    3. menggunakan contains, pada bagian <b:if cond='data:string contains data:first + "."'> bagian data:string akan di cek apakah ada data:first(checkNumber) dengan tambahan .(titik) Dibagian akhir atau Number. (1., 2., 3., ...) jika ada maka akan true/tampil jika tidak maka false/Tidak Tampil.

      Delete