Cara Membuat Widget Artikel Terbaru di Blogger

No Comments
Widget artikel terbaru atau recent posts saat ini tidak tersedia di blogger. namun anda dapat menambahkannya secara manual. kode html yang akan saya berikan kali ini adalah kode untuk sebuah widget recent posts simpel yang hanya menampilkan judul artikel saja.

Berikut ini adalah :


Cara Membuat Widget Artikel Terbaru di Blogger


1. Masuk ke dashbor blogger anda dan masuk ke pengaturan 'tata letak'.
2. Tambahkan widget HTML/JavaScript.
3. Masukkan kode berikut ini :
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://juraganpos.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"><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. Ganti kode berwarna biru dengan url blog sobat.
5. numPost = 5 (menampilkan jumlah artikel yang ditampilkan dalam widget) ganti jika sesuai keinginan anda
6. Simpan pengaturan anda. Selesai

back to top