Cara membuat Recent post menurut label "Berita Foto"

loenstoneofficial

Senin, 26 Maret 2012

Bagikan :

Tweet

 Ass. pada hari ini saya pengen share salah satu dari Trik di Blogger. yaitu: membuat Recent post per label. ini salah satu permintaan dari salah satu sobat blogger di salah satu komentar nya. jadi untuk itu saya pengen berbagi. untuk SS nya silahkan di lihat ya . .

 Nah udah liat kan sobat ?? atau untuk demonya silahkan sobat liat pada Footer Blog ini . .
jadi, langsung saja . .
Copy paste script dibawah ini dan letakkan pada widget Blog sobat . .

<style>

    /*** Labels Thumbs ***/

    img.label_gambar{

    float:left;

    padding:5px;

    width:125px;

    height:125px;

    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 = 5;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/Wallpaper?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Keterangan:
Untuk tulisan yang Merah sobat edit dengan Lebar gambar sesuai selera kalian
Untuk tulisan yang Biru sobat edit dengan Tinggi gambar sesuai selera kalian
Untuk tulisan yang Ungu sobat edit sesuai dengan Label sobat yang ingin tampil gambarnya . .

Nah itulah tadi tutorialnya. semoga bermanfaat untuk sobat2 semua.
Happy Blogging

Tag : Tutorial Blog