Cara Membuat Random Post dengan Gambar

Selamat Malam Smethon Madrasah Online....

Tahu tidak Bagaimana Cara memasang random post acak dengan gambar / thumbnail di blog?

Nah pada pembahasan sebelumnya saya sudah membagikan cara mengubah judul artikel menjadi tag h1, baca cara merubah judul artikel posting menjadi tag H1 dan sekarang 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></style><br /><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)+"…";};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,
- 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.