Bila sebelumnya Random Post untuk blog valid AMP, rasanya kurang afdol jikalau Random Post untuk blog Non AMP kalau belum di posting di blog sederhana ini.
Random Post sanggup sahabat pasang pada blog sebagai pengganti iklan matched content (jika sahabat belum mendapatkannya) baca artikel berikut cara mendapat unit iklan matched content
Random Post memang tidak terlalu terkenal dan jarang para blogger memasangnya, entah kalah sama related post atau memang belum banyak yang tau ?
Random Post juga sanggup di jadikan sebagai alternatif bagi sahabat yang males memasang link secara manual di dalam postingan, alasannya yaitu tampilannya seolah-olah dengan Related Post.
Langsung saja kita terapkan pada blog, bagi sahabat yang ingin memasangnya !
● Masuk ke dasbor blog sobat
● Pilih Tata Letak > kemudian Tambah Gadget dan Pilih Html/Javascript
● Lalu tambahkan arahan berikut pada kolom html/javasctipt
<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 = 'https://www.', 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>Silahkan ganti arahan yang ditandai dengan alamat blog sobat
● Simpan dan lihat hasilnya
Semoga artikel cara memasang Random Post untuk blog non AMP sanggup bermanfaat !
Happy Blogging !
Sumber : Arlinadzgn.com
