Cara Membuat Widget Recent Post Di Blogger

Recent post adalah di mana pengunjung bisa melihat artikel terbaru dari blog agan ,
widget ini tidak memberatkan blog agan karena hanya artikel terbaru saja yang di tampilkan

Salinlah script di bawah ini

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://tenggarongcityblog.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>

Cara memasang widget recent post di blogger

  • Login dulu ke blogger agan
  • setelah masuk , klik tab tata letak
  • add gadget
  • HTML/Javascript
  • dan paste script nya di bagian konten
  • dan beri nama Recent di bagian judul


Keterangan

Gantilah tulisan berwarna merah

Var homePage | Gantilah dengan alamat blog agan , contoh tenggarongcityblog.blogspot.com
Numpost          | Isi kan jumlah recent post akan di tampilkan , contoh 5

Berlangganan via email

4 Responses to "Cara Membuat Widget Recent Post Di Blogger"

  1. makasih bnayak buat tutornya,, ijin coba yaa...


    http://toko-greenworld.com/

    BalasHapus
  2. Terimakasih buat tutorialnya bos, mantab sekali..

    BalasHapus

Berkomentarlah Sesuai Topik Dan Mohon Jangan Menautkan Link Aktif