Cara membuat Random Post hanya Judul dan tanpa gambar di Blogspot

HaiSobat apa kabar? semoga semua dalam keadaan baik. Baru saja beberpa waktu yang lalu saya membagikan widget Blogger Random post dengan gambar/thumbnails dan sekarang saya akan membagikan yang berbeda dengan sebelumnya yaitu widget Random post tanpa gambar/thumbnails.

Widget ini menampilkan secara acak postingan-postingan yang ada di blog kamu, jadi jika nanti pengunjung berganti halaman di blog kamu, maka judul artikel yang di tampilkan widget ini berbeda dengan artikel yang tampil sebelumnya. ok sob gak pakai panjang lebar lagi, cekidot..

Baca juga: Blog sering di copas orang? coba pakai script ini

Widget Blogger Random Post tanpa gambar/thumbnails


Cara membuat Random Post hanya Judul dan tanpa gambar di Blogspot
Random post tanpa gambar/thumbnails


Widget random post tanpa gambar


1. Di Blog kamu
2. Pilih menu Tata Letak lalu klik  Tambahkan Gadget.
3. Kemudian pilih widget HTML/JavaScript

Cara memasang Random Post hanya Judul dan tanpa gambar di Blogspot
Tata Letak ➔ Tambah Gadget ➔ HTML / Javascript

4. Masukan kode di bawah ini ke dalam kotak yang tersedia.
<script type="text/javascript">
var randarray = new Array();var l=0;var flag; var numofpost=10;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://www.haisob.com/feeds/posts/default?alt=json-in-script&amp;start-index=5&amp;max-results=300&amp;callback=randomposts" type="text/javascript">
</script>
5. Ganti link berwarna biru diatas dengan link blog kamu
6. Save widget.

Baca juga: coba percantik blog kamu dengan efek bayangan ini

Catatan:
Widget ini akan mengikuti style template yang kamu gunakan, jadi hasilnya akan berbeda dengan demo diatas. Kenapa saya tidak menambahkan style pada kode yang dibagikan, ini karena mungkin akan berbeda dengan gaya template yang kamu gunakan.
Join This Site