Cara Membuat Recent Post Dan Random Post Ringan Responsive di Blog

Tutorial Cara Membuat Recent Post Dan Random Post Ringan Responsive di Blog

Postingan ini adalah episode dari toturial saya sebelumnya yang berjudul Cara Membuat Recent Post Dan Random Post Dengan Thumbnail di Blog (Work 100%).

Jadi tanpa saya jelaskan tentu kalian sudah mengetahui Recent Post dan Random Post, karena sudah saya jelaskan di postingan sebelumnya.

Berikut Cara Memasang Recent Post Dan Random Post Ringan Responsive di Blog dibawah ini:

- Login ke Blogger.com

- Langsung menuju menu "Tata Letak/Tambahkan Gadget/Tambahkan HTML/JavaScript"

- Copy kode dibawah ini

RECENT POST

<script src="http://id-pemula-javascript.googlecode.com/files/artikel-terbaru.js"></script><br /><script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><br /><script src="http://k0k0h.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script

RANDOM POST
<script type="text/javascript">var randarray = new Array();var l=0;var flag; var numofpost=5;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script><script src="http://k0k0h.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=5&max-results=300&callback=randomposts" type="text/javascript"></script>

RECENT POST
- Ganti "k0k0h" dengan alamat Blog kalian
- var numposts = 5, jumlah postingan yang ditampilkan, ganti nomor 5-nya saja

RANDOM POST
- Ganti "k0k0h" dengan alamat Blog kalian
- var numofpost=5; adalah jumlah postingan yang  ditampilkan, ganti nomor 5-nya saja

- Pastekan didalam kolom yang sudah disediakan

- Terakhir klik Simpan.