Cara Membuat Posting Terbaru/Recent Post SEO Responsive Blog

Cara Membuat Posting Terbaru atau Recent Post SEO Responsive Blog

Banyak yang mencari cara membuat widget postingan terbaru pada blog,karena pada blogger tidak disediakan fitur widget posting terbaru.
Akan tetapi membuat Recent Post tidak semudah yang dikira,adakalanya widget Recent Post atau Posting Terbaru tidak muncul pada blog kita bahkan ada pula yang tidak sesuai yang kita harapkan,untuk itu kali ini saya akan membagikan kode script untuk membuat Recent post atau Posting Terbaru SEO Responsive yang mungkin sesuai bagi anda.
Fitur yang tersedia pada script ini adalah:

• Terdapat Thumbnail
• Recent Comments
• Title Snippet
• Thumbnail title
• Tanggal Publish

Tentunya script ini seo responsive,karena link bahkan thumbnail sudah di support dengan alt dan titelnya masing masing.
Kebanyakan orang akan selalu mengabaikan hal ini,padahal hal tersebut bisa memicu lebih cepat indeks pada suatu blog,bahkan jika di cek pada Tool cek SEO skor bisa mencapai nilai maksimum.
Oke  silahkan simak penjelasan dan langkahnya dibawah ini:

1. Copy Script dibawah ini
2. <!-- Posting Terbaru --> <style type='text/css' scoped='scoped'> #recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px} </style> <div id='recent-posts'> <script type='text/javaScript'> var rcp_numposts=5; var rcp_snippet_length=100; 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/AVvXsEiEmepQQU8z4pzK4J0-rJ2qSaFlbzhpqrtr21x16SbAizwA4q8j5HTcoSjjfU80y4wjSC2PGjQGY6tl1H1MDWHOGqekaj7-zIZscdViU325Epu5hIhuE-OmQJSDhRdn8EpPb143JUR3yp2k/s1600/default.jpg"};}};dw+=' <li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'" title="'+rcp_posttitle+'"/>';dw+='<div> <a href="'+rcp_posturl+'" 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> <!-- Posting Terbaru End-->
3. Masuk ke Blogger
4. Edit Tata Letak
5. Tambahkan widget HTML
6. Paste Script diatas lalu save
7. Coba refresh blog anda

Saya kira jika sudah menjalankan langkah diatas dengan benar maka Recent Post atau Posting Terbaru anda sudah bisa  tampil dengan sempurna.
Oke cukup demikian portingan kali ini,semoga berhasil.

Note: Jika blog masih baru biasanya tidak muncul recent post hingga blog anda mempunyai 5 artikel atau postingan,jadi jika ingin berhasil bua blog baru,postinglah minim 5 artikel.
 

Terimakasih sudah membaca: Cara Membuat Posting Terbaru/Recent Post SEO Responsive Blog