13 Februari 2011

Batasi Label Yang Tampil Di Blogger


Sebuah label, apabila diklik memang akan menampilkan seluruh label tersebut, namun kita bisa saja membatasi berapa jumlah yang ingin ditampilkan dalam satu halaman, akan tetapi anda harus menyisipkan sedikit kode tambahan dalam label tersebut. Kode tersebut adalah seperti berikut :

?max-results=5
Angka 5 adalah jumlah label yang ingin di tampilkan, angka tersebut tentu saja harus di ganti dengan angka yang anda inginkan. namun, itu berlaku apabila memunculkan label secara manual.
Format dasar alamat sebuah label adalah seperti ini :
http://namablogmu.blogspot.com/search/label/namalabel

Misal mempunyai label dengan nama blog tutorial, maka alamatnya seperti ini :

http://blogger-arga.blogspot.com/search/label/blogger

Posting yang ber label blog tutorial sangat banyak sekali, sehingga apabila ada pengunjung yang mengakses alamat tersebut akan di tampilkan semua postingnya. Apabila label tersebut ingin di batasi, cukup menambahkan kode pembatasnya, misal :

http://blogger-arga.blogspot.com/search/label/blogger?max-results=5

Namun, untuk menambahkan kode pembatas yang mengambil dari database blogger, maka kode yang di tambahkan adalah seperti ini :
+ "?max-results=5"
Misalkan 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>
bagi yang masih bingung mungkin bisa langsung praktik cara berikut. Namun, pastikan anda sebelumnya telah memasang gadget Label atau Kategori, baik itu label dalam bentuk List ataupun dalam bentuk Label Cloud.
labels

  1. Login ke blogger dengan ID anda.
  2. Klik Rancangan
    rancangan
  3. Klik tab Edit HTML. 
    edit html
  4. Biasakan untuk melakukan backup, klik pada tulisan Download Template Lengkap
    backup template
  5. Klik kotak kecil di samping tulisan Expand Template Widget. 
    expand template widget
  6. 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>
  7. 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>

  8. Itu adalah untuk yang label dalam bentuk list, untuk yang label cloud anda 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>
        
  9. 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>
  10. Klik tombol SIMPAN TEMPLATE.
  11. Selesai.
Selamat mencoba!

0 komentar:

Posting Komentar

arga blogger © 2008 Template by:
SkinCorner