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