Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar - Hallo sahabat Teknoz Update, Pada Artikel yang anda baca kali ini dengan judul Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel News, Artikel Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar
link : Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar

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/AVvXsEiDzgA7t_4WqOLCMMrArp2tmEquyPYmahko4Vt-ELpu3W_iHjJU_d20j8Mlg0XiyXri5pBiSdBOXbftyt9IlzP367QYoj8amUMTH3rL7c3zmiDIpOc3E7W3yC8Qq4WeVy3LFFIGZV7MG-jg/"};}};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

loading...

Demikianlah Artikel Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar

Sekianlah artikel Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Widget Postingan Terbaru Dengan Tanggal Serta Komentar dengan alamat link https://teknozupdate.blogspot.com/2018/01/membuat-widget-postingan-terbaru-dengan.html