Membuat Related Post Blogger menggunakan BloggerScript

Membuat Related Post Blogger menggunakan BloggerScript

Fitur lain dari BloggerScript yaitu membuat related post secara otomatis dengan ini kalian tidak perlu lagi membuat script yang sangat panjang secara berulang.

Yang perlu kalian lakukan hanya membuat kerangka nya saja seperti fitur BloggerScript lain nya.

Membuat Related Post

Seperti fitur yang lain, pertama buatlah variable dengan nama apapun sesuka kalian.

var relat = new BloggerScript({
  jumlah: 10,
  label: ["Label_1", "Label_2", "Label_3"],
  sizeImage: "s320"
});

Object jumlah dan label wajib ada sedangkan sizeImage opsional untuk mengubah ukuran gambar.

Ada satu lagi cara dalam pembuatan variable nya yang hanya bisa di pasang ke dalam template seperti berikut.

var relat = new BloggerScript({
  jumlah: 10,
  label: [<b:loop values='data:post.labels' var='item' index='i'>"<data:item.name/>",</b:with>],
  sizeImage: "s320"
});

Script di atas hanya bisa di pakai di dalam template blogger saja karena berfungsi untuk mengambil daftar label postingan secara otomatis.

Sekarang lanjut dalam pembuatan kerangka nya sama seperti fitur lain nya.

function kerangkaRelated(entry) {
  let html = '';
  
  entry.forEach(post => {
    html += `<li><a href="${post.link}">${post.title}</a></li>`;
  })

  document.getElementById('output').innerHTML = html;
}

Dan untuk mengambil key postingan nya seperti ini.

key Desc
post.title Mengambil judul postingan
post.link Mengambil link postingan
post.image Mengambil gambar postingan.
post.date Mengambil tanggal postingan.
post.label Mengambil label postingan
post.summary Mengambil snippet singkat postingan.
post.content Mengambil isi postingan.
post.author berupa object untuk mengambil nama, link dan gambar author. (post.author.name, post.author.link, post.author.image)

Dan untuk memanggil nya seperti code berikut.

relat.relatedPost(kerangkaRelated);

Jika di gabung semua script nya akan menjadi seperti ini.

var relat = new BloggerScript({
  jumlah: 10,
  label: ["Label_1", "Label_2", "Label_3"],
  sizeImage: 's320'
});

function kerangkaRelated(entry) {
  let html = '';

  entry.forEach(post => {
    html += `<li><a href="${post.link}">${post.title}</a></li>`;
  })

  document.getElementById('output').innerHTML = html;
}

relat.relatedPost(kerangkaRelated);

Sampai sini semua fitur dari BloggerScript sudah di posting semua. Dan jika ada yang ingin menambahkan fitur lain silahkan berkomentar di page request. Terima Kasih.

Artikel Terkait

5 komentar

Ikuti format penulisan berikut untuk menyisipkan elemen tambahan.
  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong>

Emoticon

  • Berkas Kita
    12 Juli 2022 10.12
    Profil: https://www.blogger.com/profile/05392949523370725401
    mantap bang, dah coba berhasil.
  • Berkas Kita
    12 Juli 2022 17.36
    Profil: https://www.blogger.com/profile/05392949523370725401
    bang untuk nambah seperti Nama Author, gambar/icon author, Url profil author bisa kah bang?
    • Шош. Сом
      12 Juli 2022 18.18
      Profil: https://www.blogger.com/profile/11131198046075365419
      sudah di perbarui pasang ulang BloggerScript nya.
  • Torrent Flix
    15 Agustus 2022 08.36
    Profil: https://www.blogger.com/profile/03777876441831993634
    How install?