Cara Menampilkan Posting Terbaru di Sidebar Blog

Baca Juga

Cara Menampilkan Posting Terbaru di Sidebar Blog sebelumnya sudah dishare di Recent Post Berdasarkan Label.

Kali ini CB lengkapi dengan cara memasang widget/daftar artikel terbaru atau cara menampilkan posting terbaru di Sidebar blog gaya simple, hanya berisi daftar judul tulisan.

Cara Menampilkan Posting Terbaru di Sidebar Blog

Langsung saja:

1. Di Dashbloard Blogger, klik Add a Gadget

2. Pilih JavaScript/HTML

3. Isi judul dengan Recent Post atau Posting Terbaru

4. Isi kolom Content dengan kode berikut ini:

<div class='artikel-terbaru'>

<script>

function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}

</script>

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

</div>

<style>

.artikel-terbaru ul li{padding-bottom:8px;margin-bottom:8px;font-weight:700;border-bottom:1px solid #eee}

.LinkList ul li,.PageList ul li{padding:6px 0}

</style>

5. Save!

Selamat!  Posting terbaru sudah muncul di sidebar blog Anda!