Random Post Blogger Valid HTML5 - Kemarin dulu sudah sering kita berbagi rasa, kini saatnya Rapi Serui berbagi cara. Cara Membuat Random Post Blogger Valid HTML5 ini kita share karena admin blog Rapi Serui ini sangat mencintai kebersihan blognya. Bersih dari pengkodingan yang error, juga penempatan widget-widget blog yang dirasa kurang berguna. Tetaplah selalu menjaga kebersihan blog, karena google sendiri menyukai blog yang bersih.
Random Post Blogger atau Postingan Acak perlu kita bikin karena merupakan widget wajib blogger. Wajib karena Random Post mampu memberikan/menampilkan Postingan Lama secara acak, yang bisa saja kita tak pernah mengingatnya karena artikel kita sudah berjubel. Hal ini memungkinkan Postingan Lama tsb dibaca oleh pengunjung. Random Post Blog Rapi Serui saya kasih judul Etalase.
<div style="overflow:auto; width:310px; height:150px;">
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.rapiserui.com/",
numPosts = 10;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-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+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
<br/>
</div>
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.rapiserui.com/",
numPosts = 10;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-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+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
<br/>
</div>
Catatan :
Kode yang saya kasih warna biru adalah kode untuk Scroll karena Widget Random Post Rapi Serui saya simpan di Widget Footer sehingga scroll tsb sebagai penyesuai panjang dan lebarnya widget, bisa dihilangkan sesuaikan saja dengan kebutuhan sobat.
Link https://www.rapiserui.com/ silahkan ganti dengan URL blog sobat.
Happy Blogging !
