Cara Memasang Random Post Yang Ringan Di Blog

Hei guys, artikel kali ini cara awesome akan membahas bagaimana cara memasang atau menciptakan random post (artikel acak) yang ringan di blog. Cara pemasangannya cukup gampang dan praktis. Widget random post ini juga mempunyai loading yang cepat sehingga tidak memberatkan blog.

Random post sendiri cukup berkhasiat untuk blog Anda alasannya yakni dengan adanya widget ini artikel-artikel usang atau artikel yang sedikit viewnya berpotensi ditampilkan di halaman awal blog sehingga memungkinkan pengunjung untuk membuka artikel Anda. Tutorial ini aku dapatkan dari blognya mbak arlina dan widget ini aku letakkan di bab sidebar blog. Berikut langkah-langkah pemasangannya.

Langkah 1 : Login ke Blogger. Pilih sajian Tata Letak.

Langkah 2 : Pilih lokasi untuk penempatan widget, klik Tambahkan Gadget, pilih HTML/Javascript.

Langkah 3 : Salin instruksi dibawah ini dan simpan di dalam kotak HTML/Javascript.

<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://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>

Langkah 4 : Ganti bab yang berwarna biru dengan link blog anda. Sesuaikan juga jumlah post yang ingin ditampilkan di bab warna orange.

Langkah 5 : Klik Simpan. Selesai

Lihat dan cek blog Anda untuk melihat perbedaannya. Sampai disini seharusnya Anda sudah mengerti bagaimana cara memasang atau menciptakan random post di blog Anda sendiri. Sekian dan biar bermanfaat.
Sumber http://cara-awesome.blogspot.com