Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar

Cara Membuat Widget Recent Post atau Postingan Terbaru dengan Tanggal serta Komentar. Recent Post merupakan Widget Blogger yang mempunyai fungsi buat menampilkan daftar postingan atau artikel terbaru dari blog kamu. Widget recent post juga cukup penting karna Anda mempunyai kesempatan besar buat mendapatkan page view yang tinggi.

Apabila blog Anda membahas satu topik, maka widget recent post ini sangat penting agar pengunjung dengan gampang menemukan artikel terbaru yang mereka cari.

Untuk penempatan widget recent post, biasanya ditempatkan pada sidebar blog dengan tambahan fitur sticky widget.

Sticky widget berfungsi buat membuat widget tertentu menjadi sticky atau melayang mengikuti kursor halaman dikala digulir ke atas serta kebawah.

Silahkan ikuti Langkah dibawah ini buat Membuat Widget Postingan Terbaru dari blog kamu.

Cara Memasang Widget Recent Post dengan Tanggal serta Komentar

1. Masuk ke Blogger.


2. Pada panel navigasi, silahkan klik Tata Letak.

3. Buat Widget baru kemudian masukan kode dibawah 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/AVvXsEiaay8R2r_iJ0fYqx6v_7qn1kY6d26Pe1LyT3LPow-xX9SIk0-UGUCRs01CBOSXPOlojCGYeIZFJKxFN8cAXRDh7WQds_Tn1eVAs96S29N6DbsHBzmqCqVc_UYSn515mQw5Sn0Sghk13qv6/"};}};dw+='<li>';dw+='<img alt="Cara Membuat Widget Recent Post atau Postingan Terbaru dengan Tanggal serta Komentar Membuat Widget Postingan Terbaru dengan Tanggal serta Komentar" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="Membuat Widget Postingan Terbaru dengan Tanggal serta Komentar">'+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>

Keterangan

rcp_numposts=5; = Ganti angkan 5 dengan jumlah postingan yang hendak ditampilkan.
var rcp_snippet_length=150; = Jumlah karakter isi artikel yang bakal ditampilkan.
rcp_info='yes'; = Ketik no buat menyembunyikan keterangan tanggal serta jumlah komentar.
rcp_comment='Comments'; = Nama judul tulisan dari jumlah komentar.

4. Simpan.

Apabila Anda hendak menambahkan fungsi sticky, silahkan kunjungi artikel Saya tentang Cara Membuat Sticky Widget di Sidebar Blog

Sekian tutorial mengenai Cara Membuat Widget Recent Post dengan Tanggal serta Komentar semoga bermanfaat buat anda.

sumber: www.arlinadzgn.com

Bagikan Artikel ini