Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blogger

Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blog – Kali ini saya akan membagikan cara membuat postingan terbaru atau biasa disebut juga recent post di widget blog dengan fitur tanggal dan jumlah komentar.

Postingan terbaru (Recent post) adalah postingan terbaru dalam blogger yang biasanya terletak di halaman awal atau widget blog. Sesuai namanya, yaitu berfungsi untuk menampilkan beberapa postingan paling terbaru pada situs tersebut.

Receent Post ini termasuk hal yang penting juga dan baik untuk diterapkan pada blog kita, karena widget navigasi ini juga ini berfungsi untuk mempermudah pengunjung mengakses informasi terbaru yang ada di blog kita, karena letaknya yang begitu strategis yaitu di sidebar blog kita.

Membuat rescent post atau postingan terbaru dengan tanggal dan jumlah komentar di dalam widget blog kita sebenarnya sangatlah muda, kita tidak perlu lagi mengutak-atik kode html blog kita, oleh karena itu mari kita simak baik-baik tutorial berikut ini.

Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blogger

1. Buka Blogger anda > pilih menu Tata Letak

2. Pada Widebar/Sidebar blog anda yang terdapat di sebelah kiri, pilih Tambahkan Gadget > jika muncul Tab Baru, pilih Menu HTML/JavaSript  > kemudian letakkan kode ini di dalamnya

<style scoped='' type='text/css'>
#new-post{color:#999;font-size:12px}
#new-post img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#new-post ul{margin:0;padding:0}
#new-post ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#new-post ul li:last-child{border-bottom:0}
#new-post 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='new-post'>
<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="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};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('new-post').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>

3. Jika Sudah Masukkan Judul > kemudian pilih Simpan

Keterangan:

Sekian tutorial singkat dari saya tentang Cara Memasang Recent Post dengan Tanggal pada Widget Blog. Jika ada hal yang kurang dipahami bisa langsung menuju kolom komentar, Terimakasih.