Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blog - Kali ini aku akan membagikan cara menciptakan postingan terbaru atau biasa disebut juga recent post di widget blog dengan fitur tanggal dan jumlah komentar.
Postingan terbaru (Recent post) ialah 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, alasannya ialah widget navigasi ini juga ini berfungsi untuk mempermudah pengunjung mengakses gosip terbaru yang ada di blog kita, alasannya ialah 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 bahwasanya sangatlah muda, kita tidak perlu lagi mengutak-atik aba-aba html blog kita, oleh alasannya ialah itu mari kita simak baik-baik tutorial berikut ini.
Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blogger
1. Buka Blogger anda > pilih hidangan Tata Letak
2. Pada Widebar/Sidebar blog anda yang terdapat di sebelah kiri, pilih Tambahkan Gadget > jikalau muncul Tab Baru, pilih Menu HTML/JavaSript > lalu letakkan aba-aba 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/j4vaScript'> 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)+"…";};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/AVvXsEgU2OG1PHhLo_GacQsTLQPNDCVv3sJRN832L98sXNcqYMwoBtKYzLAFjoQ43t0uWVOQ5sib9EfUSUbBE5rlMxN5tl2yW8FxYTSJU8Z-TT8odpQeKYjXt0WRar0QGJmSHUyc73g7YsOME8it/"};}};dw+='<li>';dw+='<img alt="Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blogger √ Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blogger" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="√ Cara Memasang Widget Postingan Terbaru di Widget Sidebar Blogger">'+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/j4vascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>'); </script> </div>3. Jika Sudah Masukkan Judul > lalu pilih Simpan
Keterangan:| Nama | Keterangan |
|---|---|
| 5 | Jumlah postingan dalam widget |
| 150 | Jumlah Maksimal karakter |
| rcp_info='yes'; | Ubah No jikalau ingin menghilangkan tanggal dan jumlah komentar |
Sekian tutorial singkat dari aku wacana Cara Memasang Recent Post dengan Tanggal pada Widget Blog. Jika ada hal yang kurang dipahami sanggup eksklusif menuju kolom komentar, Terimakasih.
Sumber http://www.analisyuki.com/
