Cara membuat random post

Cara membuat random post , sebelum saya memberikan cara memasang random post , saya uraikan terlebih dahulu apa itu random post.
Random post adalah suatu alat untuk menampilkan cupilkan judul-judul posting disertai gambar dan hal ini fungsinya adalah sebagai alat untuk memberikan beberapa daftar posting yang sudah di publikasikan dan lengkap dengan gambar yang ada di dalam postingan tersebut.
untuk lebih jelasnya tampilan random post nanti hasilnya silahkan lihat seperti pada gambar di bawah ini

untuk panduan blogger membuat random post

Random post yang ingin saya berikan panduanya disini adalah random post yang di buat dengan widged , jadi kalian bisa mengatur tempat dimana yang anda inginkan misalnya di sidebar kiri atau sidebar kanan atau di bawah, dan untuk gambar tampilanya nanti kalian bisa merubahnya mau gambar gede sedang atau kecil tapi saran saya ukuran gambarnya sesuaikan dengan lebar sidebar blog anda supaya lebih sedap di pandang mata , dan jika gambar terlaluu besar juga akan menambah berat loading blog

uraian diatas jika masih ada yang ingin di tanyakan silahkan untuk berkomentar saja . dan sekarang saat nya melangkah untuk cara membuat random post

1.buka blog anda lalu login
2.pilih tata letak dan klik tambahkan gadged
3.lalu cari dan pilih gadged HTML/javascript
4.selanjutnya copi kode di bawah ini dan pastekan kedalam gadged html/javascript

<style>
#random-posts img{float:left;margin-right:10px;
width:75px;height:60px;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/AVvXsEhHcj57L9zxmt8HI-CCgAWHNs48NxoaLYv65jePtea1UJlNzE3UrmLy6P68w7Bwrn9_-G-4IBqOPFmMStFFj46YoeJpFk_HK9b6pC99E7AVrxr7iE_zQwL5249gPLKPcAUh40Eyh_HiOW0/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>
</ul>


Keterangan :
  • angka warna merah dalam kode di atas adalah sebagai ukuran gambar nya anda bisa merubahnya 
  • angka warna biru pada kode di atas itu adalah total jumlah postingan yang akan di tampilkan , jika menurut anda masih kurang banyak silahkan tentukan sendiri ( evektifnya sih sampai 7 posting )  
 5.jika sudah selesai menentukan pilihanya selanjutnya simpan gadged html/javascript nya
6.selesai

sampai disini panduan blogger tentang cara membuat random post ,semoga berguna , terimakasih
dan jika anda ingin konsultasi dengan admin silahkan buka menu halaman konsultasi di atas

No comments:

Post a Comment