Cara Menampilkan Tulisan Terbaru di Sidebar Blog

Baca Juga

WIDGET Tulisan Terbaru, Recent Posts, Latest Post, Posting Terbaru, atau Entry Terbaru alias Artikel Terbaru merupakan salah satu widget yang wajib ada di blog. Biasanya di sidebar atau di samping halaman utama blog.

Cara Menampilkan Tulisan Terbaru di Sidebar Blog ada dua cara, yaitu menggunakan widget Feed dan menggunakan kode script.

Cara Menampilkan Tulisan Terbaru di Sidebar Blog

1. Widget Feed

1. Klik Add a Gadget > Pilih Feed
2. Masukkan kode berikut ini di kolom Feed Url

https://www.namabloganda.blogspot.com/feeds/posts/default

Simpan! Widget Recent Posts mestinya sudah muncul di sidebar blog Anda.

Jika cara di atas gagal atau bermasalah, gunakan cara kedua berikut ini.

2. Gunakan Kode

1. Add a Gadget > pilih HTML/JavaScript
2. Isi judul widget dengan Recent Posts atau Terbaru
3. Copas kode berikut ini:

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

4. Simpan! Hasilnya akan seeprti ini:

Kode Lainnya: Recommended!

Kode recent post lain yang lebih simple sebagai berikut.

1. Add a Gadget > pilih HTML/JavaScript
2. Isi judul widget dengan Recent Posts atau Terbaru
3. Copas 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>

Demikian Cara Menampilkan Tulisan Terbaru di Sidebar Blog. Good Luck & Happy Blogging! (www.contohblog.com).*