Coba kita bayangkan jika kita 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.
Berikut langkah-langkahnya :
1. Silahkan sobat masuk ke Akun Blogger sobat.
2. Klik Rancangan, kemudian klik lagi Edit HTML.
3. Sebaiknya memback up blog untuk mengantisipasi jika terjadi kesalahan.
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 + "?max-results=5"
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 + "?max-results=5"'><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 kita
Untuk mengedit label cloud kita bisa gunakan cara ini :
1. Gunakan tombol kombinasi Ctrl + F, dan cari code dibawah ini :
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + 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 + "?max-results=5"
3. Maka hasilnya akan terlihat seperti ini :
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + 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 + "?max-results=5"'><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
Dan Apabila kita ingin membatasi jumlah postingan yang tampil pada label di kedua lokasi tersebut ( lihat contohnya disini ) sobat ikuti langkah-langkahnya dibawah ini :
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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
3. Kemudian sobat tambahkan code pembatasnya + "?max-results=5"
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 + "?max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
5. Klik tombol Save Template
6. Selesai
Semoga Manfaat