Cara Memasang Posting Terbaru di Sidebar Blog

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

WIDGET recent post, posting terbaru, artikel terbaru, atau entry baru merupakan elemen yang wajib dipasang di blog.

Widget recent posts ini memudahkan pengunjung untuk mengecek artikel terbaru yang dibuat di sebuah blog.

Konten atau isi widget ini berupa daftar judul postingan terbaru.

Untuk memasangnya di sidebar blog, kita bisa menggunakan widget Feed bawaan blogger. Namun, judul widget suka hilang karena blogger tampaknya mengupdate struktur kodenya.

Biar judul widget recent post ini tidak hilang, agar selalu muncul, kita bisa gunakan kode script HTML/JavaScript di bawah ini.

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog.

Berikut ini Cara Memasang Posting Terbaru di Sidebar Blog dengan menggunakan kode javascript.

1. Klik Tema > Edit HTML

2. Cari (Ctrl+F) kode </head>
3. Simpan kode ini di atasnya:

<script type='text/javascript'>
 //<![CDATA[
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
//]]>
</script>

4. Simpan Template!
5. Klik Layout/Tata Letak
6. Klik Add a Gadget di sidebar, lalu pilih HTML/JavaScript

7. Copas kode berikut ini di kolom konten:

<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

8. Isi judul widget dengan Recent Post atau Posting Terbaru.
9. Klik Save!

Beres.

Jika ingin menampilkan posting terbaru berdasarkan label, seperti di Footer blog demo template DetikStyle ini, tinggal tambahkan nama labelnya di belakang kode summary, seperti di bawah ini:

<script src="/feeds/posts/summary/-/Label?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

Save!

Itu dia cara memasang widget recent post atau daftar posting terbaru di sidebar blog Blogger Anda.*