Home » » Cara Membuat Random Post Di Blog

Cara Membuat Random Post Di Blog


 Kali Ini saya akan berbagi pengetahuan tentang Cara Membuat Random Post di Blog, Salah satu widget yang menjadi solusi saya itu adalah widget Random Post. Dengan widget tersebut pengunjung akan diperlihatkan posting-posting lain yang terdapat diblog sehingga ini akan meningkatkan pageview. Manfaat meningkatkan pageview itu lah yang saya suka. Sesuai dengan namanya widget ini akan menampilkan berbagai artikel kepada pengunjung secara acak dan tidak ada patokannya. Setiap anda merefresh halaman maka widget itu akan berubah dan menampilkan posting yang lain pula.



1. Seperti Biasa Buka Login Akun Anda Disini
2. Pilih Tata Letak
3. Lalu Klik Tambahkan Gadget
4. Lalu Pilih HTML/JavaScript
5. Lalu Copy Script Berikut Dan Pastekan Di Kotak HTML/JavaScript Tadi





<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:75px;height:75px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
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)+"&#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="http://2.bp.blogspot.com/-TSxYtbv6jXM/UNVqGlbkgUI/AAAAAAAABz4/O4vQVTwaHnQ/s1600/no-image.PNG"}}};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>




6. Klik Simpan .

Edit script yg berwarna biru sesuai dengan keinginan
background:#FFF; (Warna background sesuaikan dengan template blog anda)
width:75px; (Lebar thumbnail)
height:75px; (Tinggi thumbnail)
var rdp_numposts=5; (Jumlah Postingan yg ingin di tampilkan)
var rdp_snippet_length=100; (Mengatur jumlah karakter snippet)


Bagaimana Mudah Bukan ? Sekian Dari Saya Semoga Bermanfaat Dan Selamat Mencoba 

Untuk Melihat Kode Warna Bisa Klik Disini




1 komentar: