Cara Membatasi Jumlah Tampilan Posting Label, Memang benar sebuah label jika diklik akan menampilkan semua posting yang ada di bawah label tersebut.
Bila sebuah label telah mempunyai jumlah posting yang cukup banyak, tentu hal ini akan membuat loading blog terasa berat, yang berujung Optimasi SEO kita kedodoran.
Oleh sebab itu kita batasi saja Jumlah Tampilan Posting Label yang tampil di satu halaman sesuai dengan keinginan kita.
Membatasi jumlah posting yang tampil dalam satu halaman saat label diklik, kita perlu menambahkan kode dasar pembatas seperti di bawah ini.
9. Tambahkan kode pembatas + "?max-results=5"
10. Maka hasilnya akan tampak seperti di bawah ini.
3. Tambahkan kode pembatasnya,+ "?max-results=5" maka hasilnya seperti di bawah ini.
4. Cari kode seperti ini di bawah ini atau yang mirip dengan kode tersebut, yaitu kode untuk label pada post footer line.
5. Kemudian tambahkan kode pembatasnya,+ "?max-results=5" maka jadinya akan seperti di bawah ini.
Bila sebuah label telah mempunyai jumlah posting yang cukup banyak, tentu hal ini akan membuat loading blog terasa berat, yang berujung Optimasi SEO kita kedodoran.
Oleh sebab itu kita batasi saja Jumlah Tampilan Posting Label yang tampil di satu halaman sesuai dengan keinginan kita.
Membatasi jumlah posting yang tampil dalam satu halaman saat label diklik, kita perlu menambahkan kode dasar pembatas seperti di bawah ini.
+ "?max-results=5"
Sekarang Kita akan langsung praktekkan pada blog kita,
Tahapannya :
1. Masuk ke akaun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk mem-back up template. Hal ini dilakukan untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode seperti di bawah ini. Gunakan Ctrl + F untuk memudahkan pencarian.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk mem-back up template. Hal ini dilakukan untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode seperti di bawah ini. Gunakan Ctrl + F untuk memudahkan pencarian.
<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 kode pembatas + "?max-results=5"
7. Sehingga hasilnya akan seperti di bawah 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>
8. Kode di atas adalah kode untuk label yang berbentuk list. Sedangkan
untuk label cloud, silakan cari kode seperti di bawah ini. Letaknya di
bawah kode label list.
<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>
9. Tambahkan kode pembatas + "?max-results=5"
10. Maka hasilnya akan tampak seperti di bawah 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>
11. Klik tombol SIMPAN TEMPLATE.
12. Selesai.
Cara di atas berlaku pada sebuah label yang diklik di widget label, baik
label daftar atau label cloud. Untuk link label yang terdapat pada menu
navigasi breadcrumbs dan post footer line, link label tersebut bila
diklik masih menampilkan semua posting.
Bila Anda ingin membatasi juga jumlah posting yang tampil pada label di
kedua lokasi tersebut, silakan simak langkah-langkahnya di bawah ini.
Tahapannya :
1. Lakukan langkah no. 1 - 4 pada langkah di atas.
2. Cari kode seperti di bawah ini atau yang mirip dengan kode tersebut, yaitu kode untuk menu navigasi breadcrumbs.
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a>
> <b:if cond='data:post.labels'><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> > <a expr:href='data:post.link'><data:post.title/></a>
</div>
3. Tambahkan kode pembatasnya,+ "?max-results=5" maka hasilnya seperti di bawah ini.
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a>
> <b:if cond='data:post.labels'><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> > <a expr:href='data:post.link'><data:post.title/></a>
</div>
4. Cari kode seperti ini di bawah ini atau yang mirip dengan kode tersebut, yaitu kode untuk label pada post footer line.
<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>
5. Kemudian tambahkan kode pembatasnya,+ "?max-results=5" maka jadinya akan seperti di bawah 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>
6. Klik tombol SIMPAN TEMPLATE.
7. Selesai.
Note : Angka 5 di atas menunjukkan berapa banyak jumlah posting yang ditampilkan per halamannya. Silakan ganti sesuai dengan keinginan Anda.