Home » » Cara membuat Recent post menurut label "Berita Foto"

Cara membuat Recent post menurut label "Berita Foto"

Written By Rangga Arief Putra on 27 Mar 2012 | 3:04:00 AM

 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
Share this article :

5 comments:

  1. waah thanks sob sudah di share artikelnya ,saya coba dulu ya sob , thanks banyak :D

    BalasHapus
  2. MANTAP GAN...MAEN2 KE BLOG SAHABAT LANGSUNG DAPAT ILMU...IZIN PAKEK

    BalasHapus
  3. wih mantap, terimakasih kakak, sangat bermanfaat buat q yang nyubi

    BalasHapus

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Chenkgelate - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger