Cara Membuat Widget Recent Post Pada Blog

Selamat Siang, Jumpa lagi dengan saya si penulis Dunia Programming, kali ini saya akan membahas bagaimana sih cara membuat Widget Recent Post atau Artikel yang baaru kita posting pada blog kita...?

Cara Membuat Recent Post

Iya min, saya cari-cari ketika ingin menambahkan Recent Post pada blog kok gak ada ya...? yang ada cuman artikel terpopuler.

memang, pihak blogger tidak menyediakan widget lengkap, salah satunya yaitu recent post, kalian dianjurkan oleh pihak blogger untuk mencari atau menulis source codenya sendiri agar bisa tampil widget Recent Post.

"Wah, aku nggak tau source codenya mas, terus gimana dong...?"

Nah, maka dari itu, saya akan memberikan Source Code cara menampilkan Widget Recent Post atau Widget menampilakn artikel yang baru kita buat, sehingga secara otomatis akan tampil pada bagian kanan blog.

"Eh iya mas, untuk manfaat buat blog apabila memasang Recent Post itu apa sih...?"

Nah, untuk manfaatnya sendiri sangatlah besar, dan peluang untuk mendapatkan Akun Adsense akan semakin dekat, bila seorang pengunjung meliahat Recent Post atau Artikel terbaru yang sudah kalian buat, maka peluang besar yang kalian dapatkan adalah mendapatkan klik dari sana. 

"Wah, jadi ini ya salah satu widget yang memang harus dipasang di blog kita"

Iya dong, memang kita wajib memasang widget ini tanpa terkecuali.

Untuk kalian yang ingin lebih tau hal-hal apa yang harus dipasang di blog kita agar diterima Google Adsnse.

Baca : 

Langsung saja, tanpa panjang lebar, kita mulai tutorialnya.

Cara Membuat Widget Recent Post pada Blog

1). Klik bagian Tata Letak
2). Lalu, klik tambahkan Widget
3). Pilih HTML / Javascript
4). Isikan Judul sesuai dengan keinginan kalian, lalu copy source code dibawah ini : 

Script Widget Recent Post

<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;}
#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/AVvXsEg8EtixhYIayAU27gAvrxcfDWTpo34NjqnNCDfDaLXcZWjhu7PpQzHBff6LByHC_VpfIg0C56hRRGQb0ExFj3MXKbV18Dc9ERIwVVvG7aLWHkpchmITFFKKmhrQjNyNBgYh60zgyo8VSGgd/"};}};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 dan lihat hasil Widget Recent Post yang sudah kalian simpan tadi.

Keterangan : 
var rcp_numposts : Menampilkan Jumlah Artikel yang ingin ditampilkan

Bagaimana...? sudah tampil...? Sukses mas hehehe.
Sekian tutorial dari saya, apabila ada kesalahan dalam penulisan script atau ada yang ingin ditanyakan, kalian bisa meninggalkan komentar pada bagian bawah artikel ini, atau bisa juga kalian mengirimkan pesan melalui alamat Email saya dengan cara.

Klik tombol Contact pada bagian bawah blog Dunia Programming, sekian tutorial dari saya, semoga bermanfaat.

Bagikan Artikel ini