Cara Membuat Widget Recent Posts Untuk Blog

Cara Membuat Widget Recent Posts Untuk BlogRecent Posts adalah sebuah widget yang berisi artikel terbaru dari suatu blog, yang dimana Widget ini menampilkan judul artikel saja, jadi tidak memberatkan terhadap blog anda ,ok bagaimana Cara Membuat Widget Recent Posts Untuk Blog langsung saja di simak.

Langkah - langkah Cara Membuat Widget Recent Posts Untuk Blog :


Copy dan simpan kode dibawah ini pada widget blog Anda, pada HTML/JavaScript.
<ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://www.hostze.net/", numPosts = 5; 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"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></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>



Catatan :
  1. var homePage : Alamat URL pada blog Anda.
  2. numPosts : Jumlah artikel yang anda ingin ditampilkan.
Demikianlah artikel yang berjudul tentang Cara Membuat Widget Recent Posts Untuk Blog semoga bermanfaat.
Angga Permana
Angga Permana Spesialis Web Desain dari tahun 2013 sebagai Front End specialist, Desain Grafis dan system/network technician.