Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Random Post Pada Blog Support Dark Mode

Random Post

Random Post (postingan acak) ini merupakan widget yang berguna untuk meningkatkan pengunjung. Meskipun berguna untuk meningkatkan pengunjung, penggunaan widget Random Post ini ternyata jarang digunakan oleh para blogger.

widget Random Post ini sebenarnya memiliki fungsi yang hampir sama dengan recent post dan juga popular post, hanya saja judul yang akan ditampilkan oleh ketiganya berbeda. Jika pada postingan terbaru (recent Post) menampilkan daftar artikel terbaru, dan artikel populer (popular Post) menampilkan daftar artikel yang populer, maka postingan acak (random Post) akan menampilkan daftar artikel secara acak.

Keuntungan yang bisa di dapatkan dari penggunaan widget Random Post ini menurut saya bisa mengeksplor lebih banyak daftar artikel yang ada di blog kita. Mulai dari artikel terbaru sampai dengan artikel pertama yang dibuat ketika baru membangun blog akan ditampilkan secara acak oleh widget ini.

Yang menjadi masalah saat ini adalah dengan adanya template dengan dark modenya membuat beberapa widget Random Post yang saya temui tidak support dengan dark mode. Maka dari itu saya akan membagikan Cara Membuat Random Post Pada Blog Support Dark Mode.

Cara Membuat Random Post Pada Blog Support Dark Mode

Untuk cara membuatnya benar-benar mudah, kalian bisa ikuti langakh-langkah berikut ini.

1. Masuk ke dashboard blogger kalian

2. Masuk ke menu Tata Letak, lalu tambahkan widget pada bagian sidebar dan pilih HTML/JavaScript.

3. Kemudian masukan kode dibawah ini

</style> <div id='akses-random'>Memuat...</div> <script> //<![CDATA[ // Random Post Widget var homePage='https://www.offaweb.com',maxResults=5,containerId='akses-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!1;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp} return arr} function AksesRandomPost(json){var startIndex=getRandomInt(1,(json.feed.openSearch$totalResults.$t-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=AksesRandomPost"></scr'+'ipt>')  //]]> </script>
Ganti alamat https://www.offaweb.com dengan alamat blog milik kalian dan juga ganti angka 5 sesuai dengan jumlah artikel yang ingin kalian tampilkan

4. Setelah itu tekan simpan.

Demikianlah tutorial yang dapat saya bagikan dan semoga bisa bermanfaat untuk semuanya.