Cara Memasang Random Post Berjalan di Blog

Oleh Chairil Kaka

Tuesday 30 April 2013

Bagikan :

Tweet

apakah anda tahu Cara Memasang Gadget Random Post Berjalan atau Cara Memasang Gadget Artikel Acak di blog?

Contoh hasil Gadget klik disini

Nah bagi anda pecinta dunia disainer khususnya bagian blogger.com. pada postingan saya sebelumnya tentang Cara Membuat Recent Post Berjalan di Blog, pada kesempatan ini juga saya inin sedikit berbagi dengan sobat pada artikel lanjutan tentang Cara Memasang Random Post Berjalan di Blog.

dari dua judul yang dipapar timbul pertanyaan apa beda antara Recent Pos dengan Random Post? kalau Recent Post berfungsi untuk menampilkan artikel terkait sedangkan Random Post berfungsi menampilkan artikel acak atau menampilakan postingan secara acak.

Setelah anda mengatahui apa itu Random Post beserta fungsinya, lansung saja kita memasuki pada tahap tutorialnya:

Langkah 1, Masuk Blogger Home

Langkah 2, pilih Tata Letak/ Layout

Langkah 3, pilih Tambah Gadget/ Add Gadget pilih HTML/JavaScrip

Langkah 4, Copy kode java script berikut ini


<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFFFFF;width:100px;height:100px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=10;
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://1.bp.blogspot.com/-O57l66liQUM/UPlTktV71bI/AAAAAAAARQc/m3lST7r2tIA/s1600/no-image.gif"}}};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 Kode

1. #FFFFFF untuk mengubah warna backgraun Gadget, ubah warnanya agar relevan dengan blog sobat. cara ubahnya silahkan klik DISINI
2. width: 100 untuk mengubah lebar gadget, sesuaikan degan kebutuhan blog sobat.
3. hight: 100px untuk mengubah tinggi dari gadget, sesuikan dengan kebutuhan.
4. var rdp_numposts=10 untuk menentukan jumlah artikel yang ditayang.

Langkah 5, pastekan kedalam kolom HTML/JavaScript tadi

Langkah 6, Simpan/Save

Cukup sekian artikel saya tentang Cara Memasang Random Post Berjalan di Blog semoga bermangfaat bagi pembaca Paling Tokcer Blog.

bagaimana pendapat anda tentang info ini?

berikan apresiasi anda di kolom komentar

Tag : Tutorial Blogger