Sunday, November 14, 2010

Membatasi Label Yang Tampil Di Blog

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 Aa mempunyai label dengan nama tutorial blog, maka alamatnya seperti ini :

http://dayamurnicity.blogspot.com/search/label/tutorial%20blog

Posting yang ber label tutorial blog 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://kolom-tutorial.blogspot.com/search/label/tutorial%20blog?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 blog 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.
Semuga bermanfaat..

Nara Sumber : Kang Rohman


1 comment:

  1. bagus template-nya buat sendiri ya ?? capek loh buat template itu, tolong dong hargai yg buat template, paling tidak anda tau etika ngeblog

    ReplyDelete

Terima kasih atas kunjungannya jika ada pertanyaan,saran,maupun kritik dan demi perkembangan blog ini silahkan tinggalkan komentar Anda.