-->

Cara Memasang Recent Post Widget di Blog


Cara menampilkan, memunculkan, atau membuat Posting Terbaru danKomentar Terbaru di Blog Blogspot

GADGET "Posting Terbaru", "Recent Posts", "Latest Posts", atau "Artikel Terbaru" dan "Komentar Terbaru" (Recent Comments) di Blogspot bermasalah, bahkan tidak ada lagi.

Padahal, daftar posting terbaru merupakan hal penting bagi blog, yaitu berfungsi sebagai link internal dan navigasi blog, yang memudahkan pengunjung menjelajahi konten blog kita.

Bagaimana jika ingin menampilkan "Posting Terbaru" dan "Komentar Terbaru" di Blogspot di sidebar atau di footer?
Cara Membuat "Recent Posts"
Berikut ini cara Membuat "Recent Posts"
Berikut ini langkah mudah dan cepat membuat "Recent Posts" Blogspot
1. Klik "Layout" atau "Tata Letak".
2. Klik "Add a gadget" di salah satu sidebar atau footer.
3. Kemudian salin dan simpan kode dibawah ini didalamnya
<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.ahdaanarchykids.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"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+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>

Catatan: Ganti kode yang ditandai dengan URL blog anda dan jumlah post yang akan ditampilkan.

4. Simpan Widget dan lihat Hasilnya.
Good Luck!