Cara membatasi jumlah label pada halaman blog

TUTORIAL BLOG DAN TIPS BLOG  kali ini akan membahas mengenai label,.

cekidot

fungsi label dalam halaman, apabila diklik  akan menampilkan semua bagian label tersebut, tapi kita bisa  membatasi berapa jumlah label yang ingin ditampilkan pada halaman,label costum seperti ini juga dapat mempercantik tampilan blog,syaratnya ada sedikit yang harus di tambahkan ke dalam label tersebut, sbb:

?max-results=6

Angka 6 adalah jumlah label yang ingin di tampilkan, tapi itu berlaku pada model menampilkan label secara manual. Format dasar alamat sebuah label adalah seperti ini :
http://namablogmu.blogspot.com/search/label/namalabel

Postingan yang di beri label sangat banyak sekali, sehingga apabila ada pengunjung yang mengakses alamat tersebut akan di tampilkan semua postingnya yang sama labelanya. nah apabila label tersebut ingin di batasi, cukup menambahkan kode pembatasnya, contoh :

http://nama-bloganda.blogspot.com/search/label/blog%20tutorial?max-results=6

Namun, untuk menambahkan kode pembatas yang mengambil dari database blogger, maka kode yang di tambahkan adalah seperti ini :
+ "?max-results=5"

contoh seperti ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Maka kodenya jadi seperti ini?

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>

pusing?? sama donk,.hahahaha


ini merupakan tampilan tag cloud
yang akan kita buat,.




caranya seperti ini:
Login ke blogger dengan ID anda.

Klik Rancangan.


Klik tab Edit HTML.




backup, klik pada tulisan Download Template Lengkap.


ceklist kotak kecil di samping tulisan Expand Template Widget.


Carilah kode yang mirip seperti 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>

Tambahkan kode pembatasnya, sehingga menjadi seperti 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 + &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>

Itu adalah untuk yang label dalam bentuk list, sedangkan label cloud  tinggal menggeser sedikit ke bagian bawahnya, dan nanti akan ditemui kode mirip seperti berikut :
<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 kode pembatasnya sehingga kodenya jadi seperti berikut : <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>

Klik tombol SIMPAN TEMPLATE.

Finish..
Silahkan di praktekan,.dan semoga bermamfaat..