Random Posts Dengan Thumbnail Saja


Hallo sobat Blogger apakah Anda sudah siap dengan Trik terbaru Blogger ?, Ok sekarang saya akan membagikan cara menampilkan Random Post dengan hanya berupa gambar thumbnail dari setiap post yang di acak di random. Tetapi post yang di random ini, kita harus memasukan kata kunci berupa Lebel Post, misalnya bila kita ingin me-random tumbnail post dengan Lebel "sport".

Ok kita coba untuk mempraktekan untuk memasang Random Post Thumbnail dengan mengikuti langkah-langkah berikut ini :




1. Login ke Blogger.
2. Pilih Tata Letak - Tambah Gadget - HTML - dan masukan kode berikut :

<style text-type="CSS">
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }

img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }
</style>
<script type='text/javascript'>var numposts = 5;</script>
<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_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1)
)
document.write('');
}
document.write('</div>');
}
//]]>
</script>
<script type="text/javascript" src="http://www.trikalfanetcell.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>

    Keterangan :
    >>> Kode warna biru : jumlah post yang ingin ditampilkan
    >>> Kode warna hijau : Label post yang ingin di-random (hurup lebel harus cocok dengan aslinya)

3. Selamat Anda telah sukses membuat Random Post Thumbnail saja.

Previous
Next Post »