Cara membuat random post bergambar Cara membuat random post bergambar

Cara Membuat Random Post Plus Gambar Bawaan Blogspot - Akhirnya dapat juga trik untuk membuat random post dengan gambar. Udah nyari kesana-kesini yang ada cuman random post biasa sekalinya ada juga menggunakan widget dari linkwithin.com bisa aja sih tapi agak bosen aja make link within buat random post bergambar. Saya pengen sedikit perbedaan, jadi saya cari yang asli dari blogspot dan ternyata berhasil ketemu. Random Post / Artikel Acak adalah salah satu pelengkap untuk tampilan di blog. Merupakan cara agar artikel yang diposting di perlihatkan semua yang pastinya secara acak.


Jika Sobat tertarik dan ingin menerapkannya di blog atau sekedar untuk tambah - tambah ilmu.
Ini dia langkah - langkahnya :

* Pertama masuk ke Blogger >> blog sobat

* Masuk ke Layout / Tata Letak

* Tambah Gadget dan Pilih HTML JavaScript

* Copy kode berikut, Pastekan di kolom widget

<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)+"&#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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwI2ynFq2p0iSgvR5gz_uQARYRWkXTsqj6-Hs2CXXVK0erDWupgJXAWx_k4OqqidxENX2F5S5DL3PsBtQQwg2T6di8I4ZDOSKcbMOB8Q0srvAC45jJcxmEvRwiPpC_fuZe5fKMWGxuemPP/"}}};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 :

- Angka 5 menunjukkan jumlah artikel yang di tampilkan.
- Angka 60 Jumlah isi cuplikan.
- Kata "YES" adalah pilihan untuk memperlihatkan tanggal dan jumlah komentar, jika ingin menyembunyikannya ganti dengan "NO"
- Jika ingin merubah ukuran gambar, ubah width:36;heigth:36

* Simpan Garget. SELESAI
Demikian sob sedikit informasi nya. Semoga bermanfaat.. Jangan lupa comentnya ya...