Berikut ini merupakan cara menampilkan postingan berdasarkan label.
1. Login terlebih dahulu ke blog Anda
2. Langsung masuk saja ke halaman "Tata Letak"
3. Tambahkan widget / gadget dengan cara klik "Add Gadget / Tambahkan Gadget"
4. Pilih gadget/widget dengan tipe HTML/JavaScript
5. Copy-Paste atau masukkan kode di bawah ini ke dalamnya
<style>
/*Katagori Gambar*/
img.label_gambar{
float:left;
padding:5px;
width:110px;
height:110px;
margin-right:1px;
margin-bottom:1px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_gambar" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
<script type='text/javascript'>var numposts =6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Survey?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
6. Ubahlah kode yang dicetak merah di atas sesuai dengan keinginan dan kondisi Blog Anda. Adapun penjelasan dari kode tersebut adalah sebagai berikut:
- width:110px; adalah lebar gambar yang akan ditampilkan
- height:110px; adalah tinggi gambar yang akan ditampilkan
- var numposts =6 adalah jumlah postingan yang akan ditampilkan
- default/-/Survey? adalah judul label yang akan Anda masukkan, nama label harus persis dan sama termasuk huruf kapitalatau tidaknya.
7. Klik Simpan/Save
8. Jalankan blog Anda dan sekarang blog Anda sudah ada tampilan beberapa postingan berdasarkan label tertentu dalam satu gadget. Menarik bukan?
