Widget: Cara Membuat Random Post Simple dengan Thumbnail

(IdeNgeblog.Blogspot.Com) Random post memang dibutuhkan bagi sebagian para blogger mania, alasannya banyak juga mulai dari meningkatkan trafik, page view, dan sebagainya. Bagi para blogger yang ingin ikut juga memasang random post, berikut kode yang dibutuhkan:

<i rel="pre"><style> #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:black;width:40px;height:40px;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)+"…";};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/AVvXsEiIFh_S1vZe3HyafG902aDIXNu4d6UdOTQ7AnFJAh2sk7qgCOj6APMfnClYsFPnGd5rAv26rjlg8rVk1jDbYn7t1ugLTukjXgDvrphdv3KGWj5Ao3iq9XaI6jB4Pms5Gc-4mQanADtpjjU/s1600/cheklist.jpg"}}};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('<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> <small><a href='thsumantri.blogspot.com' target='_blank'>get widget</a></small></i>
Cara pemasangan:
Blogger.Com > Tata Letak > Tambahkan Gadget > HTML/JavaScript > Paste > Simpan

Catatan:

* Jika ingin random post mengacak berdasarkan label. Maka cari kode berikut,
"... /feeds/posts/default? ..." kemudian ubah menjadi "... /feeds/posts/default/-/NamaLabel? ..."

* Jika ingin mengubah ukuran gambar, silahkan atur angka pixel yang terdapat pada,
"... width:40px;height:40px ..."

* Jika ingin mengubah jumlah post yang tampil, silahkan atur angka yang terdapat pada,
"... numposts=5; ..."

~ Selamat Mencoba ~

Bagikan ke: Facebook Twitter Google+

Terkait