26 Mei 2013

Widget Random Posts bergambar dan bergerak diblog

widget random post atau widget posting acak pada blogger merupakan widget yang berfungsi untuk menampilkan posting-posting secara acak pada blog agar pengunjung lebih men-explore poting yang ada di blog sobat beda dengan widget related post yang hanya menmapilkan posting yang terbaru, fungsi lain dari widget yang satu ini adalah tebukti ampuhmeningkatkan jumlah pageview blog sobat dan juga membuatpengunjung lebih mudah dalam mencari artikel yang menarik.
ini script random post bergambar dan bergerak

  • login ke logger
  • pilih tata letak (layout)
  • pilih tambah gadget >> html/java script
  • copy paste script berikut
<div style="overflow:auto; border: 2px solid #FF9900; margin: auto; padding: 3px; width: 210px; height: 565px;font-size: 14px; background-color: none; text-align: left;"><h2><b>RANDOM POST</b></h2><marquee align='left' direction='down' height='400' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' width='100%'><style><!--#random-posts img{float:left;margin-right:10px;border:0px solid #999;background:none;width:36px; height:45px;padding:2px}--></style><ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=70;var rdp_snippet_length=120;var rdp_info='no';var rdp_comment='Comment';var rdp_disable='';var rdp_current=[];var rdp_total_posts=70;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/AVvXsEi9RWUwivlF14cN6EFUVM4gJnU20t8dxB3T2mUgEHFevF3sdny1OkkTTedjx3E-GANDI0gOGTNF27rTa7fIeBk4NAtdfPKbXTBR1x9T-nx2_GmRnoCdLn82ShSptduK7E-vTkisSR_7CGqh/"}}};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></marquee>


ini script random post yang sederhana
  • login ke logger
  • pilih tata letak (layout)
  • pilih tambah gadget >> html/java script
  • copy paste script berikut

<script type = "text/javascript">
var randarray=new Array();

var l=0;
var flag;
var numofpost=10;
</script>
<script src="https://gundam.googlecode.com/files/randomposts.js" type="text/javascript"></script>
<script src="http://andyrra.blogspot.com/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>
NOTE : 
10 adalh keterangan jumlah random post yang akan tampil
ganti tulisan berwarna hitam dengan url blog sobat


  • langkah terakhir simpan 

Tidak ada komentar:

Posting Komentar