Membuat Widget Recent Posts Untuk Blog

Widget Recent Posts yaitu widget yang berisi artikel terbaru dari sebuah blog.  Widget ini dapat Anda jadikan untuk memberitahukan kepada pengunjung artikel terbaru dari blog Anda. Widget ini lebih mudah alasannya hanya menampilkan judul artikel saja, jadi tidak memberatkan terhadap blog.

Cara Memasang Widget Recent Posts Pada Blog

Silakan salin dan simpan instruksi dibawah ini pada widget blog Anda, pada HTML/JavaScript

<ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://lifeakandistar.blogspot.com/", 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="Membuat Widget Recent Posts Untuk Blog" 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>

Demo

Pengaturan

Icon	Teks
var homePage	Isi dengan URL blog Anda
numPosts	Isi dengan jumlah artikel yang ingin ditampilkan

Untuk mengatur jumlah artikel yang ingin ditampilkan silakan lihat keterangan diatas dan ganti instruksi yang Saya tandai ;)
Sumber http://kang-mousir.blogspot.com

Artikel Terkait

Membuat Widget Recent Posts Untuk Blog

4/ 5

Oleh Admin