Membuat Recent Post tanpa Thumbnail sederhana di Blog

Cara membuat widget recent post (postingan terbaru) sederhana pada blog bertujuan untuk menampikan artikel terbaru dari sebuah blog. Widget recent post bisa juga sebagai media pemberitahuan kepada pengunjung tentang artikel terbaru dari blog sobat.

Kode dibawah ini akan membuat recent post sederhana, akibatnya loading yang akan dihasilkan jauh lebih cepat dari recent post kebanyakan. Oke langsung saja berikut tutorial cara membuat recent post sederhana tanpa thumbnail di blogspot

1. Login pada akun Blogger.
2. Masuk ke Layout → Add a Widget
3. Copy kode dibawah ini lalu masukan ke dalam widget HTML/Javascript

<!-- RECENT POSTS --><ul id="recent-posts"></ul><script>
//<![CDATA[
var homePage = "https://kangibay.net/", //ganti dengan url blog sobat
numPosts = 10; //jumlah judul postingan
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]></script>

Keterangan:
Ganti dengan nama blog kamu
Jumlah judul posingan

4. Setelah semuanya selesai, silahkan simpan


Itu saja tutorial membuat widget postingan terbaru (recent posts) di blog, semoga bermanfaat dan bisa langsung sobat praktekan.

Source : here

Leave a Comment