-->
Cara Membuat Random Post Pada LinkMagz Support Dark Mode

Cara Membuat Random Post Pada LinkMagz Support Dark Mode

Random Post merupakan sebuah widget yang berguna untuk meningkatkan pengunjung. Widget ini bekerja dengan cara memberikan artikel secara acak agar dibaca oleh pengunjung yang menurutnya menarik.

Banyak sekali kita menemukan widget Random Post di mesin pencarian dengan tampilan yang beragam pula. Saat ini juga telah muncul template terobosan terbaru dari Mas Sugeng, yaitu LinkMagz dengan Dark Modenya.

Yang menjadi masalah disini adalah beberapa widget Random Post yang saya temukan tidak support dengan Dark Mode bahkan tampilannya tidak cocok dengan template LinkMagz.

Mungkin banyak dari kalian menghadapi masalah seperti ini. Jadi, Hari ini saya akan membagikan Cara Membuat Random Post Pada LinkMagz Support Dark Mode.

Caranya benar-benar mudah sekali dan kita langsung saja ke tutorialnya.

Memasang Widget Random Post

1. Pergi ke Dasbor Blogger > Tata Letak.

2. Tambahkan Widget pada bagian Sidebar dan pilih HTML/JavaScript.

3. Masukkan kode dibawah ini.

<style scoped='' type="text/css">
#akses-random ul{list-style:none;margin:0;padding:0 15px;background:#ffffff}#akses-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:2px solid #f8fafa;font-weight:700;word-break:break-word;padding:10px 0;margin:0}#akses-random li:last-child{border-bottom:0}#akses-random li a{color:#575a5f}#akses-random li a:hover{color:#2675A6;text-decoration:none}body.darkmode #akses-random li a{color:#eee}body.darkmode #akses-random li{border-bottom:2px solid #2f2f2f}body.darkmode #akses-random ul{background:#323232}
</style>
<div id='akses-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage='https://www.faishalkc.eu.org',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.faishalkc.eu.org dengan alamat blog kalian dan juga ganti angka 5 yang ditandai untuk mengatur jumlah artikel yang ditampilkan

4. Setelah itu tekan simpan.

Penutup

Sekian dulu tutorial pada kali untuk hari ini dan semoga bermanfaat untuk semuanya. Jika ada yanh ingin ditanyakan silakan berkomentar di bawah.

Seorang Blogger Pemula yang sedang belajar
  • Facebook
  • WhatsApp
  • Instagram
  • DONASI VIA OVO Bantu berikan donasi untuk blog ini agar bisa tetap semangat memberikan artikel terbaru
    Tampilkan Komentar
    Sembunyikan Komentar

    4 Komentar

    1. Mas Faishal, Apa sticky nya otomati aktif seperti di blog ini?

      BalasHapus
      Balasan
      1. Widget Random Post Ini Tidak Sticky

        Setiap Template ada yang namanya Sticky Sidebar

        Jadi kalau mau dibikin sticky taruh saja disitu

        Hapus
      2. Dan juga sticky sidebar pada LinkMagz hanya tersedia pada versi 1.5 keatas

        Hapus
    Catatan
    • Mohon Tinggalkan komentar sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel