Batasi Jumlah Post Pada Halaman Label

Batasi Jumlah Post Pada Halaman Label - Halaman label adalah halaman yang terbuka kalau salah satu Label diklik . Dan yang jadi masalah adalah ternyata post yang muncul tidak terkontrol atau bisa dikatakan terlalu panjang mbleber kebawah . Secara Default Blogger menampilkan antara 14 sampai 20 post , dan itu akan terlalu panjang .

Tutorial Blog

Tugas pemilik blog disini adalah untuk membatasi jumlah post yang ditampilkan agar tidak terlalu panjang turun kebawah halaman .
Keuntungan dari membatasi jumlah post pada halaman label adalah peningkatan Page View . Karena semakin sedikit jumlah post yang tayang , maka akansemakin banyak halaman yang dibuka . That is simple think .

And , so sekarang kita mulai membahasnya untuk penerapan cara membatasi jumlah post pada halaman label . And here we go .

Tahap Awal
1. Masuk ke akaun Blogger Anda.
2. Klik Template > Edit HTML.
3. Klik Download Template Lengkap untuk mem-back up template. Hal ini dilakukan untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.
4. Cari kode seperti di bawah ini. Gunakan Ctrl + F untuk memudahkan pencarian.

Setting List Label
Jika anda menggunakan Label List pada Blogger default , maka temukan kode seperti dibawah 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'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>

Tambahkan + "?max-results=5" sebagai pembatas jumlah post , sehingga nanti kode nya menjadi seperti dibawah 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>

Setting Cloud Label
Temukan kode seperti 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>

Tambahkan + "?max-results=5" sebagai pembatas jumlah post , sehingga nanti kode nya menjadi seperti 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 + &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>

Kemudian simpan template .

Breadcrumbs Results
Setting diatas hanya berfungsi untuk menampilkan post di widget label , jika anda ingin mengatur di halaman yang tampil pada Breadcrumbs , ikuti langkahnya dengan baik dibawah ini .

<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <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 != &quot;true&quot;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>

Tambahkan + "?max-results=5" sebagai pembatas jumlah post , sehingga nanti kode nya menjadi seperti dibawah ini

<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><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;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>

Footer Post Label
Label ini adalah label yang muncul di bawah posting anda , untuk membatasi jumlah post yang muncul pada label ini silahkan ikuti caranya 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>

Tambahkan + "?max-results=5" sebagai pembatas jumlah post , sehingga nanti kode nya menjadi seperti 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 + &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>

Simpan Template

Menu Setting
Jika anda memiliki menu Dropdown , tambahkan ?max-results=5 pada setiap label link .
Misal :

<li><a href='/search/label/Tutorial?max-results=5'>Tutorial</a></li>

Angka 5 Pada + "+ "?max-results=5"" adalah jumlah post yang ingin ditampilkan . Sesuaikan sendiri .

Demikian Tutorial cara Membatasi jumlah post pada halaman Label yang semoga bisa membantu .