Home » Blogger » Cara Menampilkan Recent Post di Sidebar Blog

Cara Menampilkan Recent Post di Sidebar Blog

Widget Recent Post (Posting Terbaru) wajib dipasang di sidebar blog. Berikut ini cara menampilkan widget Recent Post di sidebar blog Blogger.

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

Ada dua cara menampikan recent post di blog Blogger, yaitu menggunakan widget Feed dan menggunakan kode javascript.

Cara Menampilkan Recent Post di Sidebar Blog

1. Gunakan Feed

Kita bisa menggunakan widget Feed bawaan Blogger untuk menampilkan posting terbaru di sidebar. Cara memasangnya sebagai berikut:

  • Klik Layout (Tata Letak) > Add a Gadget > pilih Feed

Feed Widget

 

– Masukkan alamat blog Anda.
– Klik “Continue”. Akan muncul seperti ini:

 

posting terbaru

– Ubah judul widget menjadi “Recent Posts” atau “Posting Terbaru”
– Klik Save (Simpan)

Kelemahannya, judul widget suka menghilang. Anda bisa mengubah langsung di template, yaitu kode <h2><data:title/></h2> menjadi <h2>Recent Posts</h2>  di widet Feed1.

2. Gunakan Kode

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

<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>

4. Simpan!

Jika ingin menampilkan posting terbaru berdasarkan label, 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=artikelterbaru"></script>

Save!

Demikian Cara Memasang Recent Post – Posting Terbaru di Sidebar Blog.*

Leave a Reply

Your email address will not be published. Required fields are marked *