ANEUK MUMNAG - Terima kasih anda telah mesuk ke blogger sederhana saya ini. Oke kita lanjut aja baga mana Cara Memasang Widget Random Post untuk membuat blog anda indah dan menarik. Kali ini saya memcoba membagi widget random post yang sangan simpele dan mudah memebuatnya. Widget ini saya temukan dari blog sahabat kita juga yang sudah lebih awal mendunia (SEOCIPS). Singkat saja, kita lajut bagai mana caranya buatnya. ok lansung...
Cara memasang widget Random post kedalam Template Blogger anda.
Masuk ke Blogger.
Silahkan pilih Layout >> kemudian pilih "Add a Gadget" dan pilih "HTML/JavaScript"
Letakan kode HTML dibawah ini kedalam widget blog sobat.
<style>
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:black;width:60px;height:60px;padding:3px}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=6;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/AVvXsEjR8lGZPNFu6ivGGLgrZ22kxUPb0I_79bCKYrAsIivRcjHH8mtZr1BaC5HmDtarS4PqdncZ7NCyDSQeJQj805_6jAxkHbeQh4UoIyx8tnFrEklu-R2mbKZwKd1S0vtQUEwdWljJ-0JcCoN8/"}}};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:
- Masalah letak, itu terserah anda, apa mau diletakkan di Sidebar atau di Footer.
- Pada bagian berwarnah biru diatas (var rdp_numposts=6) adalah jumlah artikel yang akan ditamilkan.
- Pada warna merah diatas (width:60 - height:60) adalah panjang dan lebar Tumbar Gambar.
Silahkan sobat ubah sesuai dengangan kinginan sobat.
Semoga Berasil
