Cara Menampilkan Postingan Berdasarkan Label dengan Gambar

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?