Keberadaan recent post (postingan terbaru) pada blog sangatlah urgen. Hal itu agar pengunjung mengetahui postingan terbaru dari blog yang dikunjungi. Tentu ini akan memberikan efek dan menarik minat pengunjung untuk membacanya. Terlebih itu hal yang menarik dan unik serta terupdate, pasti pengunjung pun dibuat untuk membacanya.
Namun ada kendala tersendiri jika widget recent post menjadikan beban tersendiri. Maka tentu ini akan menjadi masalah tersendiri. Oleh karenanya, berikut kode membuat recent post (postingan terbaru) tanpa membuat loading blog anda terbebani. Widget recent post ini dibuat sangat ringan dan akan menyesuaikan template sahabat Nongol semua.
Langsung saja, tambahkan kode html pada widget sahabat dengan kode berikut, maka sahabat akan melihat penampakannya yang sederhana namun sangat maching dan sesuai dengan blog sahabat semua. Dan yang pasti, super ringan loadingnya.
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://bloilmupendidikan.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>
Silahkan ganti alamat yang diwarnai merah dengan Ulr blog sahabat semua dan ganti angka 5 di atas sesuai dengan jumlah yang shobat ingin ditampilkan. Semoga sukses.
Share this
Muhammad Ihsan: Kang Santri Paud berasal dari Boyolali, tinggal di Kedunggobyak, Sobokerto, Ngemplak Boyolali Jateng. Saya baru belajar mendesain blog sekaligus menjadi admin blog ini.