Cara Membuat Widget Recent Post

Jumat, 15 April 2016

Cara Membuat Widget Recent Post

Widget Recent Posts berguna untuk memudahkan pengunjung melihat postingan terbaru sehingga pengunjung bisa berlama-lama melihat isi postingan.
Widget Recent Post Tidak Memberatkan Loading Blog
Widget Recent Post yang dibuat bisa ditampilkan di sisi kanan atau kiri tata letak dan widget ini hanya menampilkan judulnya saja.

1. Seperti Biasa login ke Blog
2. Pilih Dasboard tata letak
3. Widget HTML/JavaScript
4 Masukkan Kode dibawah ini di Widget HTML/JavaScript

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://dnakecil.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"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var you_script=document.createElement('script');you_script.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(you_script);
//]]>
</script>