Membuat Widget Recent Post Sederhana di Blog

Advertisement

Recent post berfungsi untuk memudahkan pengunjung menemukan artikel atau posting terbaru di blog kita. karena banyak pengunjung organik yang langsung membuka artikel kita bukan di home page. Namun kadang-kadang dengan menambah widget akan semakin memberatkan loading blog. Dan tampilan blog yang sederhana akan jauh lebih menarik minat pengunjung ketimbang tampilan yang terlalu ramai. Ramai bisa saja dari segi pewarnaan yang terlalu banyak menggunakan warna berbeda atau penggunaan widget yang berlebihan.

Sehingga pada kesempatan kali ini, Kang Muroi akan berbagi script recent post yang sederhana sehingga tidak memberatkan loading blog. Namun meski sederhana, recent posts ini cukup elegant karena bisa menyesuaikan diri dengan tema blog. Contohnya bisa dilihat pada sidebar blog ini.

Untuk langkah pemasanganya sangatlah mudah, Anda tinggal copy dan pastekan script dibawah ini ke add gadget - HTML/Java Script dan masukkan kode dibawah ini.

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<7;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 class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

 Cukup mudah bukan, selamat mencoba