Jumat, 03 November 2017

Membuat dan Memasang Widget Random Post Simple di Blog

Memasang Widget Random Post Simple
Memasang Widget Random Post Simple
Memasang Widget Random Post Simple - Widget random post ini adalah widget yang berfungsi menampilkan postingan kita secara acak. Kalian jadi lebih mudah tanpa susah - susah mengacak link di setiap postingan atapun setiap hari, karena jika widget ini di refresh nanti akan acak dengan sendirinya.

Keuntungan memasang widget random post ini yaitu :

  • Meningkatkan jumlah pageviews blog.
  • Pengunjung menjadi senang karena melihat artikel menarik lainya.
  • Postingan kita yang sudah kita buat tidak akan tertimbun postingan baru kita karena akan ditampilkan di widget random post ini ( kemungkinan 80% artikel kita terbaca semua ).
Untuk pemasanganya kalian tinggal masuk menu tata letak kemuadia tambahkan widget " HTML/Javascript " kemuadian kalian masukan kode di bawah ini.

<ul id="random-posts"></ul>
<style scoped="" type="text/css">
#random-posts{list-style:none;margin:0;padding:0}
#random-posts li{padding:0 0 5px 0;font-size:90%;margin:5px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#random-posts li a{color:#333}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://www.alfinauzikri.net/",
numPosts = 7;
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>

Kalian ubah http://www.alfinauzikri.net/ dengan alamat blog kalian. Kemudian jika kalian ingin mengatur jumlah postingannya kalian bisa mengubah kode numPosts = 7 sesuka hati kalian.

See the Pen Widget Random Post Simple by Alfin Auzikri (@alfinauzikri) on CodePen.

Artikel Terkait

Hidup itu sederhana, namun seringkali kita lah yang membuatnya menjadi sulit.