Cara Menciptakan Widget Random Post Di Blog

Cara Membuat Widget Random Post Di Blog – Pada artikel sebelumnya telah dibahas wacana cara menciptakan widget artikel terbaru atau recent post yang sanggup dengan gampang Anda lakukan. Artikel kali ini akan membahas wacana cara menciptakan widget random post untuk blog yang juga sanggup dengan gampang Anda lakukan. Random post ialah sebuah widget yang akan menampilkan beberapa dari judul artikel-artikel blog secara acak, baik yang terdahulu maupun yang terbaru. Setiap kali pengunjung blog membuka judul artikel yang berbeda, maka widget ini akan menampilkan beberapa judul artikel yang berbeda-beda dari artikel yang sebelumnya. Dengan begitu, pengunjung blog sanggup dengan gampang mengetahui artikel-artikel blog Anda.
Untuk membuat random post dan menempatkannya kedalam blog tidaklah sulit. Jika Anda ingin membuatnya, lakukan langkah-langkah berikut ini :
1. Masuk ke bab tata letak blog Anda.
2. Klik “Tambahkan Gadget”.
3. Klik “HTML/JavaScript”.
4. Tuliskan judul widget Anda dengan nama Random Post.
5. Masukan kode/script kedalam kolom konten.
6. Klik “Simpan”.
Berikut ini ialah script yang sanggup Anda gunakan untuk menciptakan widget  random post di blog. Silahkan copy dan paste kedalam kolom konten widget blog Anda.

<div id=’random-post-container’>Memuat…</div> <script> //<![CDATA[ // Feed configuration var homePage = ‘http://Nama Blog.blogspot.com’, maxResults = 10, containerId = ‘random-post-container’; // Function to generate random number limited from `min` to `max` // Used to create a valid and safe random feed `start-index` function getRandomInt(min, max) { return Math.floor(Math.random() * (max – min + 1)) + min; } // Function to shuffle arrays // Used to randomize order of the generated JSON feed 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; } // Get a random start index function createRandomPostsStartIndex(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>’); } // Widget’s main function 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=createRandomPostsStartIndex”></scr’ + ‘ipt>’); //]]> </script>

Ganti “Nama Blog” dengan nama blog Anda. Angka yang berwarna biru ialah jumlah post yang akan ditampilkan, ganti sesuai dengan impian Anda.
Demikian Cara Membuat Widget Random Post Di Blog yang sanggup Anda lakukan. Pastikan random post yang Anda buat sanggup berjalan dengan baik dan tidak mengganggu kecepatan loading blog Anda. Semoga artikel ini mempunyai kegunaan untuk Anda.