Membuat Widget Recent Posts Untuk Blog - Merupakan widget yang berisi artikel terbaru dari sebuah blog. Widget ini bisa Anda jadikan untuk memberitahukan kepada pengunjung artikel terbaru dari blog Anda. Widget ini lebih simpel karena hanya menampilkan judul artikel saja, jadi tidak memberatkan terhadap blog. Saya memdapatkan artikel ini di Blog Kang Mousir.
Cara membuatnya cukuplah mudah, hanya dengan menyalin dan simpan kode dibawah ini pada widget blog Anda, pada HTML/JavaScript
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://dte-site.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="'+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>Keterangan :
- Ganti http://dte-site.blogspot.com/ dengan URL blog sobat
Sekian artikel dari saya, Semoga bermanfaat.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
Silahkan berkomentar sesuai topik. ConversionConversion EmoticonEmoticon