Tutorial Membatasi Jumlah Postingan Yang Tampil Pada Label

Pada tulisan ini saya akan share tentang cara membatasi jumlah postingan yang tampil pada label. Pada tutorial ini kita dapat mengatur postingan yang ingin sobat tampilkan pada halaman utama atau lebih sering dikenal sebagai home page. Tutorial ini juga dapat membatasi jumlah postingan yang tampil pada suatu halaman ketika label diklik yang isinya sesuai dengan keinginan sobat.

Coba sobat bayangkan jika sobat punya 100 isi label, tentu akan banyak isi label yang akan ditampilkan. Hal ini akan mempengaruhi loading page pada blog sobat, sudah pasti pengujung blog sobat merasa tidak nyaman saat membuka isi blog sobat, pasti si pengunjung tersebut akan cepat menutup blog sobat.

Langsung saja kita praktekkan cara yang telah kita bicarakan sebelumnya, dan sobat bisa ikuti langkah-langkahnya :

1. Silahkan sobat masuk ke Akun Blogger sobat.
2. Klik Rancangan, kemudian klik lagi Edit HTML.
3. Sebaiknya sobat memback up blog sobat untuk mengantisipasi jika terjadi kesalahan. Caranya dengan Klik Download Template Lengkap.
4. Jangan lupa beri tanda centang pada Expand Template Widget.
5. Gunakan tombol kombinasi Ctrl + F untuk mencari kode berikut :

<ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>

6. Tambahkan code pembatas + &quot;?max-results=5&quot;

7. Maka Hasilnya akan seperti ini :

<ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>

Keterangan : Code diatas code label yang berbentuk label list di blog sobat

Untuk mengedit label cloud sobat gunakan cara ini :
1. Gunakan tombol kombinasi Ctrl + F, dan cari code dibawah ini :

<b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>

2. Kemudian tambahkan code pembatas + &quot;?max-results=5&quot; 
3. Maka hasilnya akan terlihat seperti ini :

<b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>

4. Klik Save Template
5. Selesai

Bila sobat ingin membatasi jumlah postingan yang tampil pada label di kedua lokasi tersebut ( lihat contohnya disini ) sobat ikuti langkah-langkahnya dibawah ini :
1. Gunakan Tombol kombinasi Ctrl + F
2. Cari code dibawah ini :

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

3. Kemudian sobat tambahkan code pembatasnya + &quot;?max-results=5&quot;
4. Maka hasilnya akan terlihat seperti ini :

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

5. Klik tombol Save Template
6. Selesai

Selamat mencoba. Jangan lupa berikan komentar sobat disini.