√ Cara Membuat Random Post Sederhana diBlogger

Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) - Malam sahabat blogger semua, sekarang saya akan membagikan Cara membuat widget Random Post atau artikel acak dengan gambar kecil (with thumbnail) keren dan loading ringan.
Apa itu random post? random post adalah widget yang menampilkan artikel blog secara acak atau tidak berurutan. Random post biasa ditempatkan pada sidebar atau footer blog agar terlihat oleh pengunjung yang bermanfaat agar artikel yang muncul pada random post dapat menarik pengunjung untuk membacanya agar tidak lekas pergi meninggalkan blog kita dan berlama-lama diblog kita.
Untuk anda yang ingin memasang Random Post di blog silahkan ikuti langkah berikut :

Langkah-langkah Memasang Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) :

1. Pilih menu Tata letak di Dashboard Blogger kalian. Kemudian tambahkan Gadget
2. Lalu pilih HTML/JavaScript
3. Kemudian Copy semua kode dibawah ini dan pastekan ke kolom widget ke dalam HTML/JavaScript tersebut, untuk judulnya silahkan kalian buat sendiri sesuai selera.

<style>
<!--
#random-posts
 img{float:left;margin-right:10px;border:1px solid 
#999;background:#FFF;width:36px; height:36px;padding:3px}
-->
</style> <ul id='random-posts'><script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
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)+"…";};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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7zDGtzkRkrRaftxKkT4JeBweNSaXWLqOLGWSS6avLgQogByGXaLtOdVP5L_kFKaNJVSQqcpzgXDDLn074GnXw5oq9xiwD77K5CstA9K1YIqtoT8O0JerHECyesGZzBiLDsFeAbWrEfvR/"}}};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>

4. Simpan dan lihat hasilnya.