Cara Membuat Random Post Acak

Cara Membuat Random Post Acak -

Bagaiman Cara memasang random post acak dengan gambar / thumbnail di blog?
 
Ssekarang saya akan membagikan tips cara bikin random post acak dengan thumbnail, untuk cara-caranya dan langkah-lankahnya silahkan ikuti terus tutorialnya dibawah ini, lihat pada contoh gambar dibawah ini itu adalah contoh yang saya pasangkan di menu sidebar blog saya waktu dulu, apakah anda tertarik untuk memasangnya?

Untuk langkah-langkahnya:
1. Pilih menu tata letak kemudian tambahkan gadget
2. Lalu pilih HTML/JavaScript
3. Kemudian masukkan kode dibawah ini ke dalam HTML/JavaScript tersebut, untuk judulnya silahkan sobat bikin sendiri, pada gambar diatas contohnya random post.

<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFFFFF;width:100px;height:100px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=10;
var rdp_snippet_length=100;
var rdp_info='yes';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://1.bp.blogspot.com/-O57l66liQUM/UPlTktV71bI/AAAAAAAARQc/m3lST7r2tIA/s1600/no-image.gif"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Keterangan kode:
- Kode #FFFFFF merupakan background widget random post, silahkan anda ubah dengan warna yang sesuai dengan keinginan anda, untuk melihat kode warna KlikDisini.
- width:100px merupakan lebar dari gambar / thumbnail
- height:100px adalah tinggi dari gambar / thumbnail
- var rdp_numposts=10 adalah jumlah artikel yang ditampilkan

         Oke itulah tips kali ini yang bisa saya bagkan buat rekan-rekan semuanya, semoga artikel ini bermanfaat buat yang membutuhkannya, atas perhatiannya dan kunjungannya ke blog sederhana ini saya ucapkan terima kasih