Cara Membuat Recent Post Responsive Terbaru

Pada pagi ini saya akan shree lagi artikel cara memasang Widget Recent Post Dengan Tanggal & Komentar, jadi santai nya kita lebih enak dan lebih Maco ,maka jika kamu sedangang mencari untuk memasang Widget  Recent Post Responsive terbaru , pakai lah yang kode yang ini karna kode Widget Recent Post yang saya akan kasih ini ke pada kalain sudah di lengkapi dengan Tanggal & Komentar ,jadi anda tidak perlu membuka postingan untuk cek komentar pada blog kalin.

Menu Recent Post terbaru ini pastinya berbeda dengan menu label atau entri populer karena menu Recent Post bisa mebantu menampikan artikel dengan sesuwai label yang ada di blog kalian, saya akan kasih contoh ketikan ada penjung yang masuk dan membaca Cara Membuat Widget Recent Post Dengan Tanggal & Komentar ,karana saya masukan kata label / kategori .termasuk kategori Widget Blog. Maka di setiap artikel bersangkutan dengan kategori Widget Blog maka akan tanpil secara otomatis.

Dengan begitu apah salah anda kita sekarang pasang segera untuk Membuat Widget Recent Post Dengan Tanggal & Komentar pada blog anda silihkan ikuti dengan langkah langkah di bawah ini.

Langakah Permata Recent Post Responsive 

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 scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLeBWLjO_u0xP9D2iBJms8bVL2YDWhS_GeVDtqCOt3swjQdxYX6lbVrTMva8XbmkPgtd6lNNaXh7T04eRy7BVV1sjbzxjLU1EpjSUpknRADnYnCceDnpJ648LDdYnMvDB4W64Ll0Yi6xp/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

Keterangan 

var rcp_numposts=5; Jumblah Artikel yang akan Di tampilkan Pada menu ini
var rcp_snippet_length=150; Jumblah Banyak yang akan Di tampilkan Pada menu ini

5. Kemudian kamu seting saja dengan sesuwai keinginan kalian masing-masing dengan begituh menu Widget Recent Post Dengan Recent Post Responsive akan tanpil di halaman blog sobat maka dari ini blog anda akan menjadi lebih keren dan cantik Dan lebih Soe Dan MAco, cukup sekin info dari saya semoga bermanpaat bagi kalain wasalam.

Lokasi:

Berbagi :