-->






Iklan

Cara membuat widget Postingan Terbaru

Jasa-website-web.id , Panduan blogger Cara membuat postingan terbaru atau cara menampilkan widget post terbaru.
sebenarnya widget dari blogger/blogspot sudah di sediakan untuk membuat/menampilkan postingan akan tetapi setinganya tidak sesuai yang kita harapkan, misalnya kita seting untuk menampilkan postingan 7 hari terakir tapi ternyata yang muncul malah postingan yang sudah satu tahun lebih.

cara membuat postingan terbaru

Oleh karena itu jika teman-teman mau menampilkan postingan terbaru silahkan ikuti panduanya di bawah ini.
Postingan terbaru yang akan saya bagikan ini tidak ribet-ribet tidak harus merubah html template dan juga tidak harus measukan url web blog anda, akan tetapi tinggal mempastekan kode nya otomatis akan langsung menampilkan postingan terbaru di blog teman-teman.

Mari menuju TKP pembuatan widget postingan terbaru :

1.buka blogger teman-teman kemudian masuk ke dahsboard blogger
2.pilih tata letak , kemudian pilih tambahkan gadget
3.pilih gadget HTML/javascript
4.selanjutnya kopi kode di bawah ini dan pastekan kedalam widget html/javascript


<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:normal;color:#0000ff;font-weight:700;text-decoration:none;font-size:15px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=8;
var rcp_snippet_length=150;
var rcp_info='no';
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/AVvXsEi75toa8aKLrnebh83XhfWnD_2OiMSYw-vO-AHW1u2iFawBIfqbI-bgtNSvzqPwLD5mSOwAQOOUF6NL24tHN7AELd16Oa0qOINr66Je5zoEqCbkAJ_KHnGBnksbEBXGcIitTOCkU_YlLIUV/"};}};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>


5.simpan gadget nya dan selesai.

Keterangan ;
- untuk menampilkan jumlah postingan silahkan rubah bilangan angkanya ( var rcp_numposts=8;
)
- Untuk menampilkan info data tanggal dan komentar silahkan rubah kata " no menjadi yes " ( var rcp_info='no'; )


Demikian Tutorial kami tentang Cara membuat atau menampilkan atau memasang widget postingan terbaru di blog, semoga bermanfaat jika ada kesulitan silahkan bertanya di kolom komentar di bawah ini .
Komentar

Tampilkan

Komputer

+