Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Recent Post Otomatis Di Blog

Cara Membuat Widget Recent Post di Blog - Hay sobat blogger kali ini saya akan memberikan ke pada anda satu sebuah tutorial cara dan bagaimana caranya untuk membuat sebuah ricent post di blog kalain,dengan beituh saya akan shree kode widget recent post yang simpel dan ga kalah keren, Recent Post di Blog adalah sebuah widget yang menampilkan beberpa artikel atau artikel yang baru atau yang lama dengan sesuwai label dari blog.

Widget recent post yang saya berikan kali ini cukup menarik dan keren dan ga terlalu memkan loading blog menjadi berat karan kode ricent post  sudah saya compses menjadi lebih sidit jadi blog anda akan biyasa saja.untuk dilihat karena recent post yang saya akan bagikan ini memberikan fitur berjalan alias berganti-ganti, meskipun begitu widget yang saya berikan ini di jamin ringan karena dilengkapi oleh kode jQuery yang dapat membuat sebuah widget menjadi lebih menarik dan lebih soe.
Cara Membuat Recent Post Otomatis Di Blog

Sebelum dari itu menu Recent Post ini penting sekali untuk blog ,karna menu ini bisa menampilakan sesuwai lebel yang pengunjung akan klik artikel yang ada di blog kita maka menu Recent Post akan otomatis menjadi sesuwai lebel. maka dari itu tunggu apa lagi segeralah pasang kode Recent Post pada blog kalin.

Langakah Permata.. 

Membuat Recent Post Otomatis Di Blog

1. Kamu Login saja ke blogger
2. Kemudian  kamu pilih saja Menu Tambahkan Wigdet pada blog anda
3. Dan kamu pilih Saja Menu Tata Letak >> Tambahkan Gendet Dan kamu pilih menu HTML/JavaScript
4.Langkah Selanjutnya kamu masukan kode di bawah pada kotak Wigdet.
<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=12;
var rdp_snippet_length=60;
var rdp_info='no';
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLeBWLjO_u0xP9D2iBJms8bVL2YDWhS_GeVDtqCOt3swjQdxYX6lbVrTMva8XbmkPgtd6lNNaXh7T04eRy7BVV1sjbzxjLU1EpjSUpknRADnYnCceDnpJ648LDdYnMvDB4W64Ll0Yi6xp/"}}};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>
5. Kemudian kamu coba save dan tes maka Widget Recent Post  yang kamu sudah tadi di terapkan akan tanpil di halaman blog anda, Seperti pada gambar di atas.Demkianlah pada postingan klai ini tentang Cara Membuat Widget Recent Post di Blog.

Jika kamu suka pada artikel yang saya buat ini anda bisa like dan shree pada teman-teman blogger anda, cukup sekian info dari saya semoga bisa bermanpaat wasalam.