Responsive Recent Post For Blog

Malam ini saya akan posting artikel yang berjudul Widget Recent Post Responsive Untuk Blog, sebelumnya saya udah share artikel mengenai Cara Membuat Comic Layout Di Blog sekarang saatnya anada praktek memasang widget recent post responsive di blog. Cara ini sebenarnya cukup sederhana anda hanya perlu menambahkan widget/Html ke tata letak/Layout Blog anda setelah itu anda tinggal edit sendiri stylenya.

Cara Memasang Widget Artikel Terbaru

1. Masuk ke Tata Letak => add gadget => HTML/JavaScript.
2. Taruh kode berikut ini ke kolom yang tersedia, beri judul terserah saja. :)

<style type='text/css' scoped='scoped'>
#recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
</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/AVvXsEhvdIooH7GnX7CWIuxdviPjK4_VMDNX1M2JB_nH5OLtWxtJJrLW2TFCR6S-ROzZa7gapBdFc0Y6rRTj_EPeZNWGdhxo3lA_xBaa-Dck2RzR6TXeDX8N76G_7hknB5j_zMZZOKyuUk4OqZWM/"};}};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>

Simpan Template.

Incoming search Trik Membuat Recent Post responsive,recent post super ringan di blog,recent post responsive simple for blog, how to make recent post simple for blog,how to make recent post responsive for blog,membuat widget recent post yang super simple,Widget Artikel terbaru super ringan.

loading...

Anda Sedang Membaca Artikel Tentang Responsive Recent Post For Blog Dan Artikel Ini URL Permalinknya Adalah https://muiztech.blogspot.com/2015/02/responsive-recent-post-for-blog.html, Saya Harap Artikel Ini Bisa Bermanfaat Bagi Anda Yang Membacanya.

#TAGS Java Script Tutorial Blogger