Random POST dengan Thumbnail berganti per 3 HARI

Menampilkan posting atau halaman secara random atau acak, serta diatut setiap tiga hari, bergantian antara posting dengan halaman, atau dengan label tertentu atau blog lain.

Menampilkan Kode yang memiliki fungsi untuk menampilkan daftar item secara acak dengan judul, thumbnail, dan cuplikan singkat dari feed yang diambil. Fungsi utama dalam kode tersebut adalah bb(j), yang menerima parameter j yang berisi data feed.

Kode ini adalah bagian dari script yang menghasilkan tampilan daftar item yang ditampilkan. Kode ini mengambil beberapa entri dari feed (baik feed posting atau feed halaman tergantung pada tanggal saat ini) dan menampilkan judul, thumbnail, dan cuplikan singkat untuk setiap entri.

Kode tersebut menggunakan fungsi bb(j) yang menerima parameter j yang berisi data feed yang diambil. Fungsi ini melakukan iterasi untuk memilih entri secara acak, kemudian mengambil informasi seperti judul, URL, cuplikan, dan thumbnail untuk setiap entri. Setelah itu, fungsi ini menampilkan entri tersebut dalam elemen HTML <li> dengan tautan ke halaman entri yang lengkap.

Pada bagian akhir, terdapat kondisi if (d % 3 === 0) yang memeriksa apakah tanggal saat ini dapat dibagi habis oleh 3. Jika iya, maka feed dengan label "Wedding" akan diambil. Jika tidak, maka feed dari halaman akan diambil.

Dengan cara ini, kode tersebut akan menghasilkan daftar item yang ditampilkan sesuai dengan kondisi tanggal saat ini.

Kode yang dipasang adalah sebagai berikut:

1

<style>
.nm {
font-size: 115%;
list-style-type: none;
counter-reset: i;
padding: 0;
margin: 0;
clear: left;
border-top: 1px solid #c0cfb6;
}
.nm ul,
.nm li {
list-style: none;
}
.nm a:hover {
text-decoration: none;
}
.nm li:hover {
background: #f0ffe6;
}
.nm img {
float: left;
margin-right: 6px;
}
.nm img:hover {
transform: scale(1.05);
}
.nm span {
font-size: 80%;
color: #666;
}
.nm li {
float: left;
height: 120px;
overflow: hidden;
padding: 9px;
max-width: 450px;
border-bottom: 1px solid #c0cfb6;
}
@media (min-width: 1300px) {
.nm {
width: 950px;
margin-left: -100px;
}
}
</style>

<script>
var n = 6,
  d = new Date().getDate();

function bb(j) {
  var rr = [];
  for (var i = 0; i < n; i++) {
    var ri = Math.floor(Math.random() * j.feed.entry.length);
    while (rr.includes(ri)) {
      ri = Math.floor(Math.random() * j.feed.entry.length);
    }
    rr.push(ri);
    var entry = j.feed.entry[ri],
      tt = entry.title.$t.toUpperCase(),
      ss,
      u,
      thumb,
      s1,
      s2;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        u = entry.link[k].href;
        ss = entry.content.$t.replace(/<[^>]*>/g, "");
        s1 = ss.substring(0, 160);
        s2 = ss.substring(160, 370);
      }
    }
    if (entry.media$thumbnail) {
      thumb = entry.media$thumbnail.url.replace(/\/s\d{2,4}-/, '/s90-');
    } else {
      thumb = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2AcJemRNdiE0cB7-ssBM_VLz49t99zHg6r_7Icd4GLurUBGBt2HUVUO5Q8MoBkft2_6wL7cmrg8kbrpn6fQui_3hwiIdEXckgvpHpwLMaTg_3A5at14ozybIi2JnKgNQzN2SfPLg-AQ/s18/ayosenyum.gif';
    }

    document.write('<a href="' + u + '" title="...' + s2 + '..." target="_blank" rel="nofollow"><li><img src="' + thumb + '" alt="Thumbnail">' + tt + '<br><span>' + s1 + '...</span></li></a>');
  }
}

if (d % 3 === 0) {
  document.write('<ul class="nm"><script src="/feeds/posts/default/-/Wedding?max-results=69&amp;alt=json-in-script&amp;callback=bb"><\/script><\/ul>');
} else {
  document.write('<ul class="nm"><script src="/feeds/pages/default?max-results=69&amp;alt=json-in-script&amp;callback=bb"><\/script><\/ul>');
}
</script>

 Berikut adalah langkah-langkah utama yang dilakukan oleh kode tersebut:

1. Variabel n digunakan untuk menentukan jumlah item yang akan ditampilkan.
2. Variabel d digunakan untuk mendapatkan tanggal saat ini.
3. Fungsi bb(j) melakukan iterasi sebanyak n kali untuk memilih entri secara acak dari data feed yang diberikan.
4. Dalam setiap iterasi, fungsi bb(j) mengambil informasi seperti judul, URL, cuplikan, dan thumbnail untuk setiap entri.
5. Cuplikan singkat (s1 dan s2) diambil dari isi konten entri dengan menghilangkan tag HTML menggunakan regex.
6. Jika thumbnail tersedia dalam entri, maka thumbnail akan ditampilkan. Jika tidak, thumbnail default akan digunakan.
7. Setiap entri ditampilkan dalam elemen HTML <li> dengan tautan ke halaman entri yang lengkap.
8. Kode juga memiliki kondisi if (d % 3 === 0) untuk memilih jenis feed yang akan diambil berdasarkan tanggal saat ini. Jika tanggal saat ini dapat dibagi habis oleh 3, maka feed dengan label "Wedding" akan diambil. Jika tidak, maka feed dari halaman akan diambil.
9. Akhirnya, kode tersebut akan menghasilkan daftar item yang ditampilkan dengan gaya yang telah ditentukan.

Dengan demikian, kode tersebut dapat digunakan untuk menampilkan daftar item secara acak dari feed dengan judul, thumbnail, dan cuplikan singkat.