Cara Menampilkan Postingan Berdasarkan Label

Untuk menampilkan postingan yang hanya pada label tertentu, kita bisa memanfaatkan jasa LABEL pada blogspot. Sebagai contoh, saya memiliki blog yang dikelompokkan kedalam beberapa label, salah satunya berlabel Widget. Dan saya ingin menampilkan widget artikel yang berisikan artikel dalam label Widget saja. Jadi artikel dengan label lain tidak diikutsertakan.

Nah bagaimana cara membuatnya ? Berikut triks singkat untuk membuatnya :

1. Login ke Blogger anda. Pilih menu Design > Page Elements.
2. Kemudian klik Add a gadget.
3. Lalu cari widget yang bertuliskan Feed. Klik pada tulisannya atau pada gambar bersimbol (+).
   
4. Lalu akan muncul form isian seperti dibawah ini :
   
   - Ketikkan alamat ini pada form :
   http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget
   Ubahlah teks alamat-blog-anda menjadi alamat blog anda.
   - Jika menggunakan nama labelnya lebih dari satu kata seperti “Widget Saya”, maka harus menambahkan %20 diantara kedua kata label tersebut. Hasilnya menjadi :
   http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget%20Saya
   - Untuk menampilkan urutan postingan dari yang terbaru ke yang lama, ubah menjadi
   http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget?orderby=updated
5. Klik tombol SAVE.

Cara Menampilkan Ikon dalam postingan pada Label Tertentu

Pada blogger anda dapat menampilkan ikon, teks atau gambar tertentu untuk setiap label / kategori tertentu di dalam posting blog. Nah sebagai contoh, saya membuat sebuah blog tentang KPA Bestari yang memiliki label / kategori sebagai berikut : Berita, Pengumuman, Kegiatan, Dokumentasi dan Album. Setiap postingan yang berada dalam label tersebut diatas akan menampilkan ikon yang berbeda-beda. Contoh dapat dilihat pada gambar dibawah ini.

Nah mau tau cara membuatnya ? Untuk membuatnya kita harus memahami 2 tahapan :

Tahap 1 : Persiapan

1. Dilarang menyisipkan gambar pada paragraf pertama setiap postingan.


2. Dilarang menerapkan lebih dari 1 (satu) label untuk postingan.


3. Setiap postingan telah diberi Label.

Tahap 2 : Cara Membuatnya

1. Siapkan gambar / icon yang sesuai dengan label pada blog anda. Saya menggunakan gambar-gambar icon dibawah ini untuk label.
   
   
   
   Anda bisa mendownloadnya melalui www.iconfinder.com.


2. Login ke Blogger, lalu pilih DESIGN > EDIT HTML dan klik "Expand Widget Templates"


3. Lalu carilah kode dibawah ini, agar cepat gunakan CTRL + F :
   
   

   <div class='post-header-line-1'/> 



4. Kemudian paste-kan kode ini dibawah tag diatas :
   
   

   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.name == &quot;LABEL_ANDA_1&quot;'>
   <img align='right' src='http://alamat-ikon-anda'/>
   </b:if>
   <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == &quot;LABEL_ANDA_2&quot;'> <img align='right' src='http://alamat-ikon-anda'/>
   </b:if>




5. Ubahlah tulisan LABEL_ANDA_1, LABEL_ANDA_2 dengan label yang anda gunakan. Duplikat kode diatas sesuai dengan banyaknya label yang anda miliki.



6. Ubah alamat gambar anda pada kode src=’http://alamat-ikon-anda’ dengan alamat ikon yang anda miliki.



7. Langkah terakhir, simpanlah template anda.