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/AVvXsEjHNxKop0LjmM8CjCuzJ2biqljB9Vj0BfStLVyvT3NAeKTtNFZWf9y5seK5FwCKgiFLHyxY-TKbhcAv6Ws6A9ZBzDpDrMkR6oQevwzL23tIOKV3ZuVg0zHy2q-QS_C1gX09cYzw8wTdmYmw/"}}};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.

Edited : Untuk mengganti warna backgroundnya silahkan ganti kode #FFF dan untuk mengganti jumlah/angka post ganti jumlah pada var rdp_numposts=5;

Semoga Tutorial Membuat Random Post diblogger bermanfaat bagi kalian. Salam Hangat