Cara Membuat Widget Artikel Terbaru Untuk Blog

Oleh Unknown

Bagikan :

Tweet

Tutorial Blogger - Widget Artikel Terbaru dari namanya saja sudah jelas artikel terbaru,pastinya widget yang satu ini berguna untuk menampilkan postingan-postingan terbaru yang ada di blog kita. Widget Artikel Terbaru,menerut saya sangatlah penting tuk dipasang diblog ke sayangan kita karena sangat berguna untuk memberikan informasi postingan terbaru ke pengunjung setia blog kita.

Widget Artikel Terbaru yang satu ini sangatlah sederhana namun terlihat sangat elegan dan enak dilihat karena hanya menampilkan judul-judul postingan terbaru saja dan pastinya tidak membuat loading blog anda menjadi berat.

Untuk mempersingkat waktu langsung saja ke tahapan selanjutnya menegani Cara Membuat Widget Artikel Terbaru Untuk Blog,diantarnya sebagai berikut ;

1. Anda login terlebih dahulu ke akun blog anda
2. Kemudian anda pilih Layout - add a gadget - Html/Java Sript
3. Sekarang anda tinggal copykan kode dibawah ini

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "Url blog anda",
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>

      4. Finis......!

 Selamat mencoba dan semoga berhasil................!

Tag : Tutorial Blogger