Menambahkan Widget Recentpost Di Blogger

Cara Membuat widget Recentpost atau Postingan Terbaru di Blogger atau Blogspot


Cara Menambahkan Widget Recentpost di Blogger

Widget recent post merupakan salah satu widget yang menampilkan artikel terbaru dan biasanya dipasang pada bagian sidebar blog. Banyak sekali macam-macam tampilan widget recent post diantaranya recent post fast loading, dengan tambahan thumbnail atau gambar, tanggal dan komentar, juga beberapa modifikasi lainnya yang lebih keren.

Nah kali ini saya akan berbagi cara Menambahkan Widget Recentpost recent posts dengan tambahan read more agar tampilan tidak terlihat polos namun tetap terlihat keren dan tetap fast loading. Bukankah semua blogger berharap semua artikelnya dapat terbaca oleh pengguna internet, namun artikel terbaru tentu belum terindek oleh Google.

Nah agar artikel terbaru bisa langsung dibaca oleh pengunjung maka diperlihatkan daftar artikel terbaru di sidebar blog agar mudah terlihat dan langsung dibaca. Jika Teman teman tertarik dengan memasang recent post, Silahkan simak langkah langkah berikut ini.

Cara Membuat widget Recentpost atau Postingan Terbaru di Blogger atau Blogspot

Silahkan login akun Blogger
Pilih menu Tata Letak
lalu Tambahkan Gadget
HTML/JavaScript
Silahkan beri judul Recent Posts atau Postingan Terbaru lalu masukkan kode berikut ini:

<div class="recentpoststyle">
  <script type="text/javascript">
  function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
  </script>

<a style="font-size: 9px; color: #29b39e;margin-top:10px;" href="https://www.servishp.my.id/" rel="nofollow">www.noerway.my.id</a>

Terakhir klik Simpan, kemudian klik simpan setelan pada menu tata letak agar bisa langsung terlihat di sidebar.

Selain recent post, teman teman juga bisa memasang widget popular post dengan tampilan menarik agar pengunjung tertarik untuk membacanya, tetapi perlu diperhatikan: Semakin banyak widget yang kita pasang di blog akan membuat loading blog semakin lambat