Telusuri Artikel Terbaru

Wednesday, October 21, 2015

Membuat Widget Recent Post Pada blogger

   Membuat widget recent post pada blogger!!!

Widget Recent Post adalah widget yang berisi artikel terbaru dari sebuah blog, widget ini bisa kita gunakan untuk memberi tahukan kepada para pengunjung mengenai artikel terbaru dari blog kita..

Sangat simpel dan mudah untuk di coba..

Copy kode berikut

 
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://majutekhnologiinformasi.blogspot.co.id/",
numPosts =8;
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>.
 
Kemudian Simpan pada HTML/Javascrip blogger anda.
 
Keterangan Ganti kode yang berwarna merah dengan alamat blogger anda..
 

0 comments:

Post a Comment

 
Design by blogger | Bloggerized by blogger | cerdas
| Cerdas berkarya|Copyright@2013-2014 cerdas berkarya