Print Friendly Version of this page Print this Article Print Friendly Version of this page


Random Post di Blog sebenarnya hampir sama kegunaannya dengan recent post, popular post. Bedanya adalah Random Post di Blog itu menampilkan postingan kita secara acak (random) baik itu postingan baru maupun postingan lama. Keuntungannya adalah postingan lama kita akan ditampilkan di halaman utama atau di halaman dimana kita memasang widget random post itu. Bagi pengunjung sendiri sangat terbantu sekali untuk melihat beberapa postingan lama sehingga pengunjung tidak capek-capek lagi untuk membuka arsip-arsip blog yang lama.

Sobat yang tertarik memasang widget random post di blog silahkan ikuti tutorial berikut :
  1. Klik Tata Letak ~> Tambahkan Gadget ~> Pilih HTML/JavasScript.
  2. Lalu masukkan kode berikut :
    <style>
    #random-posts img{float:left;margin-right:20px;border:1px solid #999;background:#FFFFFF;width:30px;height:30px;padding:3px}
    </style>
    <ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=15;
    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="dofollow" 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://mahografauzan.blogspot.com/2013/03/cara-membuat-random-post-di-blog.html" target="_blank" style="color: red; font-size: 10px; text-decoration: none;">Get this <span style="background-color: yellow;">Widget!</span></a>
    </ul>
  3. Lalu klik Simpan / Save.

Keterangan :
- var numofpost=15 artinya jumlah postingan yang akan ditampilkan berjumlah 15.


Download Cara Membuat Random Post di Blog

Post a Comment Disqus Blogger

 
Top