Cara Membuat Recent Post/Artikel Terbaru Pada Blog

Cara Membuat Recent Post/Artikel Terbaru Pada Blog, Fungsi dari recent post sendiri adalah untuk memberikan informasi kepada pengunjung atau visitor mengenai Artikel Terbaru yang baru di terbitkan.

Secara defaul Blogger sebenarnya juga menyediakan widget feed yg fungsinya sama seperti recent post. tapi beberapa blogger biasanya lebih memilih untuk membuatnya sendiri.
 
Maka dari itu jika anda berkeinginan untuk memasang Recent Post pada blog anda silakan simak langka berikut :

1. Login ke akun blogger anda
2. Kemudian klik menu template - Edit html
3. Cari kode </head> tekan Ctrl+f untuk lebih mudanya
4. Pastekan kode berikut tepat diatas kode </head>

SCRIPT CODE                                                                                                                         </>

<script>

//<![CDATA[

var homePage = "http://berbagiitrick.blogspot.com/",numPosts = 10;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"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></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>

5. Selanjutnya cari kode ]]></b:skin>
6. Kemudian Paste kode berikut tepat diatas kode ]]></b:skin>

SCRIPT CODE                                                                                                                         </>

#recent-posts li {list-style: none;border-bottom: 1px dotted #feee;padding-bottom: 10px;padding-top: 10px;}

7. Save template anda setelah itu menuju Menu Tata Letak
8. Pada tata letak Klik tambahkan Widget - HTML/Javasript
9. Kemudian pastekan kode di bawah ini

SCRIPT CODE                                                                                                                         </>

<div id="recent-posts"/>

10. Klik Simpan dan silahkan lihat hasilnya

Demikian - Cara Membuat Recent Post Pada Blog