Artinya, kita tidak menyimpan script yang sama untuk menampilkan beberapa feed blog yang berbeda. Namun kita cukup menyimpan satu script di edit HTML blog saja.
Nah untuk mencobanya, silahkan ikuti langkah-langkahnya di bawah ini.
1. Silahkan simpan script ini di atas kode
</head>
<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul class="recent-posts">');for(var i=0;i<6;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li>');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
//]]>
</script>
Simple recent posts ini akan menampilkan 6 link postingan, untuk merubahnya ganti kode angka
6
pada kode ini for(var i=0;i<6;i++)
Untuk CSS nya masih menggunakan CSS style dari postingan sebelumnya, kemudian SAVE edit HTML.
2. Untuk menampilkan recent posts dari masing-masing blog (di sidebar misalnya), silahkan gunakan kode di bawah ini.
Silahkan simpan kode di bawah ini pada gadget HTML/JavaScript.
<script>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://www.domainAnda.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
Perhatikan kode
http://www.domainAnda.com
silahkan sesuaikan dengan ulr blog yang ingin ditampilkan feed blog-nya. Begitu seterusnya untuk blog lainnya, Anda hanya perlu mengganti url blog-nya saja seperti di bawah ini.
<script>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://www.domainAnda1.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
<script>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://www.domainAnda2.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
<script>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://www.domainAnda3.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
Results: JSFIDDLE
Selamat mencoba......