Cara Membuat Random Post ( Kiriman Acak ) Dengan Gambar

Pada artikel ini, saya akan berbagi secara detil tentang cara membuat Random Post bergambar atau saya menyebutnya sebagai 'Kiriman acak bergambar', untuk blogger.

Cara yang saya uraikan di sini, sangat mudah dan simple, meski harus diadaptasi dengan blog anda masing-masing, itu cuma memerlukan sedikit utak atik di CSS, dan untuk itu atau hal lain terkait artikel ini, silahkan tuliskan pertanyaan atau pesan di komentar jika ada yang perlu ditanyakan.

Ok berikut caranya :

  Lankah 1. Masuk ke Blogger Dashboard, klik Layout, klik Tambahkan Gadget 

  Langkah 2. Pilih HTML/JavaScript

Langkah 3. Masukkan Judul Gadget sesuai selera, lalu paste kode di bawah ini dalam kotak konten:

<style>
#random-posts img{float:left;margin-right:10px;
width:65px;height:50px;background-color: #F5F5F5;padding: 3px;}
ul#random-posts {list-style-type: none;}
</style>

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
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){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;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/AVvXsEg8MahYTHhy84zd7L38DJ_HKtNFkqXKgXrU6P2y1iFwCFwpUTq0v-pCYhZZ3bBTaVkR7q4aTCvTLOK254lptpyBJ7PU3yU9VgTVmhPqnYUauYyIJXRylbeoeVS9czy4dXyF8y5d2wCAQv4/s1600/no_thumb.png"}}};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>  <a href="http://zahraffadia.blogspot.com/" target="_blank">Buat widget</a><br />

</ul>

Untuk menentukan jumlah kiriman ganti angka 5 warna merah di atas.
Ukuran gambar, lihat tulisan berikut di atas: width:65px;height:50px; silahkan dirubah sesuai selera

Langkah 4. Terakhir klik Simpan, lihat hasilnya......!