Cara Membuat Recent Post/ Postingan Terbaru yang keren di Blog Dengan Mudah

Apa itu widget recet post

widget ini merupakan bagian kolom atau widget yang berisi tentang daftar postingan terbaru kita atau artikel yang baru saja kita upload, ini sangat penting untuk mendongkrak pv dari setiap page baru yang biasanya akan mempercepat indek dari google, untuk membuat widget recent post sendiri tidak ada di dalam daftar widget, yang di sediakan oleh blogspot hanya postingan populer di baca sedangkan untuk daftar postingan terbaru / recent post kita harus membuatnya secara manua dengan widget java script. 

Mengapa membuat widget recent post penting

membuat recently post sangat penting untuk memudahkan para pembaca blog yang tidak sempat untuk mengunjungi beranda blog namun tetap bisa menemukan halaman recent post ini. ini sangat bermanfaat untuk mengiklankan tulisan baru kita di blog atau web kita sendiri. hal tersebut otomatis akan meningkatkan pv kita secara drastis karna artikel baru akan mudah di indek oleh google dan memiliki banyak engunjung. coba lihat bloger-bloger senior biasanya banyak memasang widget ini untuk menaikan pv (Page view) khususnya artikel yang baru di terbitkan.

cara memasang widget Recent post/postingan terbaru

karna widget ini tidak terdapat di blogspot. kita harus memasangnya secara manual. caranya cukup mudah seperti yang saya pelajari dari arlinaDzgn adalah sebagai berikut

1. Masuk ke blogspot

saya rasa tidak perlu menjelaskan tahapan ini dengan gamblang, karna tentunya jika anda menemukan tulisan saya asumsikan anda tengah mencari solusi untuk memasang widget recent post dan otomatis anda telah memiliki blog/web

2. buka pengaturan tata letak.

klik bagia kiri blog dan pilih tulisan tata letak diantara tema dan halaman

3. pilihlah tambahkan widget

setelah anda mengklik tambahkan widget, langkah selanjutnya yang bisa anda lakukan adalah dengan memilih widget java script. lalu pastekan semua kode di bawah ini :

<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/AVvXsEjC8bzdyd6HAvur7dUgikS4bNTjBEdkJJYxk9u_GSqSqYf3-qicsLx8WpgKGaWT7w1jLnsES3_kjRBD1LFR7ObC7GSY7pa77zZ_MQI5PGFSYAO6Yu6CcsuO3z0WwNGI6zAmD-GSDYRBj5o/"};}};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>

SELAMAT MENCOBA ! ....

4. simpan widget

setelah selesai anda pastekan, maka langkah terakhir adalah menyimpan widget dan anda bisa melihat tampilannya pada blog anda sendiri, selamat mencoba.

Perhatian 

widget tersebut di tampilkan dengan gambar, jumlah post dan di sertai dengan komentar dan tanggal postingan jika anda ingin mengedit tampilan tersebut anda bisa mengganti pada bagian var rcp_Numpost=5 ganti angka lima untuk menentukan jumlah post yang di tampilkan dan seterusnya berurutan pada bagian var rcp selesai karna itu adalah bagian tampilan recent post yang akan di tampilkan di blog anda.

Baca Juga : Cara menyimpan file download di mediafire

Bakasura

hallo saya adalah bloger yang mengelola beberapa blog yang mungkin sedang atau pernah kamu kunjungi. hubungi saya melalui formulir kontak di salahsatu blog untuk keperluan lebih lanjut.

Share this post