Kali ini saya akan membagikan cara untuk membuat widget recent posts di blog.Widget Recent Posts ini merupakan widget yang berisi tentang posting/artikel terbaru sebuah blog.
Dengan adanya widget recent posts ini dapat membantu pengunjung/blogwalking untuk melihat posting/artikel terbaru dari sebuah blog.
Widget ini simple dan tidak memberatkan blog karena hanya menampilkan judul posting/artikel saja tanpa thumbnail gambar posting/artikel.
Nah, berikut ini tutorial cara pemasangan widget recent posts :
1. Masuk ke Dasbor blog anda, lalu klik/masuk ke elemen Tata Letak
2. Klik Tambahkan Gadget, pilih HTML/Javascript
3. Lalu copykan kode dibawah ini :
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://wirhanblog.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>
Pada numPosts isi sesuai dengan posting/artikel yang ingin ditampilkan.
Nah, tutorial widget recent posts sampai disini. Semoga tutorial kali ini dapat membantu para blogger. Bila ada pertanyaan, kritik dan saran dapat mengirimkannya melalui kotak komentar dibawah. Terima Kasih, Happy Blogging.
