Cara Memasang Random Post di Bawah Postingan
Sudah banyak yang membuat random post, ada yang juga random post yang disertai thumbnail.
Sekarang kita akan belajar untuk menampilkan random post di bawah
postingan. Jika biasanya di bawah postingan adalah related post
berdasarkan kategori, ini memiliki kelebihan dan kekurangan.
Kelebihannya related post yang ditampilkan memang benar-benar terkait dengan postingan. Sedangkan kekurangannya adalah yang ditampilkan hanya yang terbaru, sehingga kurang bisa mempromosikan postingan-postingan terdahulu. Sehingga menu postingan yang ditampilkan related post cenderung statis.
Cara Menampilkan Random Post di Bawah Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode <data:post.body/>, jika blog memakai auto read more mungkin kamu akan menjumpai 3 tag kode seperti itu. Pilih yang sesuai di mana kamu biasanya menaruh widget di bawah post. Lalu taruh kode berikut di bawahnya;
<b:if cond='data:blog.pageType == "item"'>
<h3>Baca juga tulisan menarik lainnya</h3>
<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=7; function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[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="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</b:if>
Kelebihannya related post yang ditampilkan memang benar-benar terkait dengan postingan. Sedangkan kekurangannya adalah yang ditampilkan hanya yang terbaru, sehingga kurang bisa mempromosikan postingan-postingan terdahulu. Sehingga menu postingan yang ditampilkan related post cenderung statis.
Cara Menampilkan Random Post di Bawah Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode <data:post.body/>, jika blog memakai auto read more mungkin kamu akan menjumpai 3 tag kode seperti itu. Pilih yang sesuai di mana kamu biasanya menaruh widget di bawah post. Lalu taruh kode berikut di bawahnya;
<b:if cond='data:blog.pageType == "item"'>
<h3>Baca juga tulisan menarik lainnya</h3>
<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=7; function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[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="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</b:if>
0 komentar:
Posting Komentar