Tutorial Menambahkan Widget Random Post Di Blog

Widget

nahloh

3/30/2016

0

Widget

Sumber gambar : theme-junkie.com

BertiSeo - Random post merupakan widget yang berguna untuk menampilkan artikel blog secara acak.Sehingga jika pengunjung blog anda sudah membaca artikel sebelumnya ,jika di klik random post maka aritkel lain yang akan terbuka ,hal ini dapat meningkatkan pageview pada blog anda.

Tapi kalian pasti berfikir kalo kebanyakan widget pada blog akan membuat blog anda menjadi berat ,tapi tenang widget ini sangat ringan ,jadi tidak menggangu kecepatan loading blog anda.Berikut Menambahkan Widget Random Post Di Blog

1. Buka blogger.com
2. Pada slidebar kiri klik Tata Letak > Tambah Widget Baru(Add Widget) dan masukan kode di bawah ini.
   
   

   <style scoped='' type="text/css">
   #bertiseo-random ul{list-style:none;margin:0;padding:0}#bertiseo-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
   #bertiseo-random li:last-child{border-bottom:0;}
   #bertiseo-random li a{color:#444;}#bertiseo-random li a:hover{color:#444;text-decoration:underline}
   </style>
   <div id='bertiseo-random'>Loading...</div>
   <script>
   //<![CDATA[
   // Random Post Widget
   var homePage = 'http://bertiseo.blogspot.co.id',
       maxResults = 10,
       containerId = 'bertiseo-random';
   function getRandomInt(min, max) {
       return Math.floor(Math.random() * (max - min + 1)) + min;
   }
   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;
   }
   function BertiseoRandomPosts(json) {
       var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
       // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
       document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
   }
   function randomPosts(json) {
       var link, ct = document.getElementById(containerId),
           entry = shuffleArray(json.feed.entry),
           skeleton = "<ul>";
       for (var i = 0, len = entry.length; i < len; i++) {
           for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
               link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
           }
           skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
       }
       ct.innerHTML = skeleton + '</ul>';
   }
   document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=BertiseoRandomPosts"></scr' + 'ipt>');
   //]]>
   </script>

3. Save template dan lihat hasilnya

Catatan : ganti url http://bertiseo.blogspot.co.id dengan url blog anda

Sekian ,Semoga bermanfaat.