Jumat, 30 September 2016

Cara Membuat Widget Recent Post Di Blog

  Tidak ada komentar
Cara Membuat Widget Recent Post Di Blog - Jumpa lagi dengan mimin, kali ini saya mau membagikan Ilmu yang lumayan bermanfaat bagi yang belum tahu yah, mungkin ini sih udah ada kalau di tempelate yang seo terbaru beda ama tempelate mimin yang sederhana ini :3 tapi tak apalah karena enak loading nya cepet :v oke kita langsung ke topik pembuatan.

1.Sediakan segelas kopi dan Roti :v
2.Masuk ke blog kalian masing-masing
3.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT
4.Copy kode nya di bawah ini.
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogriby.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>
5.Klik simpan/save

Keterangan:
Kode yang saya berikan warna Merah kalian ganti dengan Url kalian masing-masing.
Kode yang saya berikan warna Biru kalian ganti sesuai kalian ingin berapa post di recent postnya

Mungkin ini yang saya bisa bagikan untuk kalian semua, jangan lupa Follow yah blog saya untuk dapat info terbaru :)

Tidak ada komentar :

Posting Komentar