Cara Memasang Widget Random Post Di Blog

Baca Juga

Cara Memasang Widget Random Post di Blog - Widget random post merupakan salah satu fitur penting dalam meningkatkan pageview pada sebuah blog. Widget tersebut, berkhasiat untuk menampilkan artikel pada blog secara acak. Sehingga, artikel usang yang belum terlihat oleh pengunjung secara maksimal berpotensi sanggup dibuka kembali.

Namun kebanyakan blogger sering berpikir dua kali untuk memasang suatu widget, alasannya yaitu dinilai akan menambah beban loading pada blog. Akan tetapi, dari hasil blogwalking di blog +Taufik Nurrohman yang merupakan salah satu blogger pahlawan di Indonesia, di sana ada tips sederhana untuk menciptakan widget random post yang cepat dan ringan.

Tampilan dari widget ini tidak berbeda dengan tampilan widget recent post yang pernah Saya bagikan di blog

Baca juga. : Cara Memasang Recent Post Widget di Blog

Cara penerapannya pun cukup mudah, sahabat hanya perlu menambahkan aba-aba ke dalam widget gres di blog. Berikut cara penerapannya :

1. Buka Blogger > Klik Tata Letak > Tambahkan widget gres > Salin dan simpan aba-aba di bawah ini di dalamnya

<style scoped='' type="text/css"> #arlina-random ul{list-style:none;margin:0;padding:0}#arlina-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;} #arlina-random li:last-child{border-bottom:0;} #arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline} </style> <div id='arlina-random'>Memuat...</div> <script> //<![CDATA[ // Random Post Widget var homePage = 'http://www.arlinadzgn.com',     maxResults = 10,     containerId = 'arlina-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 ArlinaRandomPosts(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=ArlinaRandomPosts"></scr' + 'ipt>'); //]]> </script>

Catatan : Ganti aba-aba yang ditandai dengan url blog sahabat dan jumlah artikel yang akan ditampilkan

2. Simpan widget dan lihat hasilnya.

Result

Bagi sahabat yang ingin mencoba bagaimana Cara Membuat Daftar Isi Blog yang tampil di Setiap Konten, sahabat sanggup coba di sini : Cara Membuat Daftar Isi Blog di Setiap Konten

Semoga bermanfaat.