Beranda » Widget » Random Posts dengan load ringan untuk Blogger

Random Posts dengan load ringan untuk Blogger

Random Posts dengan load ringan untuk Blogger

Random Posts, merupakan sebuah umpan yang berguna untuk mewakili posting terkait lainnya agar muncul setelahnya, kenapa demikian? para pengunjung akan melihat pilihan acak sebuah posting yang ada di blog anda melalui widget random posting ini, lalu setiap yang di baca akan mengaikan kepada artikel lainnya secara tidak langsung. kegunaan random post ini menyerupai daftar isi, namun random post hanya mengelompokkan menjadi beberapa bagian. kelebihan random post ini adalah lebih ringan, disertai dengan style dan lebih terlihat rapi.

Demo

ingin membuatnya? ikuti langkah di bawah ini

Langkah 1: Tambahkan kode berikut sebelum kode ]]></b:skin> dalam template Anda. atau jika anda kesulitan sobat bisa menempatkan css dalam satu widget dengan kode scriptnya di iringi tag pembuka <style> dan penutup </style>.

#random-posts img {
      float:left;
      margin-right:10px;
      border:1px solid #999;
      background:#FFF;
      width:36px;
      height:36px;
      padding:3px
}

Langkah 2: Tambahkan 1 widget HTML / Javascript untuk menampilkan di Random Posts. Teks Editing dan paste kode berikut ke dalam konten dan pilih SAVE.

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='komentar';
var rdp_disable='Comments Off';
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)+"&#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/AVvXsEhfWAirU9cOiAvNOonq5y9bwyR2z16YSQIwvDrXku4Nia4aLwqV6zHkEnTrkJiNRP_a1FWQBhxcfDwa-V4ADwqMmmuKmNerx5c3G2CjH8xstPLBtJokYlfdI2iE_IV6jt4foNfwzxyR7ZBC/"}}};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>

Ganti 5 dengan yang anda inginkan, ini perintah untuk artikel yang ingin ditampilkan,
150 adalah jumlah karakter isi posting kutipan. Jika Anda tidak ingin menampilkan informasi tanggal dan posting atau beberapa komentar silahkan ubah yes menjadi no untuk salah satu karakter lain.

Semoga bermanfaat...

Random Posts dengan load ringan untuk Blogger

Belum ada tanggapan untuk "Random Posts dengan load ringan untuk Blogger"

Post a Comment