Cara Menampilkan Tulisan Terbaru (Recent Posts) di Sidebar Blog

Follow @romel_tea
Salah satu widget atau elemen yang wajib ada adalah daftar tulisan terbaru (recent post). Widget ini untuk menampilkan daftar judul artikel atau posting blog terbaru.

Selain berguna untuk pembaca (tahu tulisan terbaru), recent post widget juga berfungsi sebagai navigasi dan internal linking yang menjadi bagian dari tips seo.

Blogger tidak menyediakan widget khusus untuk menampilkan recent posts, tapi kita bisa menggunakan widget Feed.

Namun, widget Feed kadang tidak berfungsi jika menggunakan template blog bukan bawaan Blogger. Sousinya, kita menggunakan kode untuk Menampilkan Tulisan Terbaru (Recent Posts) di Sidebar Blog.

Cara Menampilkan Tulisan Terbaru

Ini tampilannya. Hanya menampilkan judul, tanpa gambar, sehingga ringan, fast loading.

Cara Menampilkan Tulisan Terbaru (Recent Posts) di Sidebar Blog

Berikut ini kode dan cara memasangnya.
Login ke akun Blogger Anda.

1. Klik Layout (Tata Letak) > klik Add a Gadget > pilih HTML/JavsScript
2. Isi Judul Widget dengan Terbaru atau Tulisan Terbaru
3. Copas kode berikut ini:

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<6;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

Catatan: Angka 6 dalam kode di atas adalah jumlah postingan terbaru yang ditampilkan. Bisa diubah, namun sebaiknya biarkan saja menampilkan lima tulisan.

4. Save!

Kode Alternatif

Kode lainnya, dengan fungsi yang sama -- menampilkan recent post berupa judul-- adalah sebagai berikut:

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')} </script><ul>
<script type="text/javascript">var numposts = 5;var standardstyling = true;</script><script type="text/javascript" src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul>

Cara Menampilkan Tulisan Terbaru (Recent Posts) di Sidebar Blog -- simple recent post for Blogger, title only and fast loads! Sumber kode baru template blog Maskolis.

Jika ingin menampilkan tulisan terbaru plus gambar thumbnail, kodenya sudah saya share di Cara Memasang  Recent Posts dengan Gambar.*

Thanks for reading Cara Menampilkan Tulisan Terbaru (Recent Posts) di Sidebar Blog | Tags:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

No Spam, Please!