Cara Menampilkan Recent Post di Blogger

Kejheblog.com - Punya rencana mau menampilkan recent post di blog platform blogger? di artikel ini akan membahas mengenai bagaimana cara menampilkan recent post di blogger. Penasaran cara menampilkan recent post? Yuk lanjutkan membaca, dan pelajari langkah gampangnya di bawah ini!

Berikut ada 2 cara untuk menampilkan recent post pada blogger kamu.

1. Menggunakan Gadget RSS Feed

Cara termudah untuk dapat menambahkan latest posts ke Blogger adalah menggunakan gadget RSS feed. Untuk melakukannya, ikuti langkah-langkah berikut:

1. Buka Dashboard Blogger Anda dan pilih menu Layout/Tata Letak.
2. Selanjutnya klik Tambahkan Gadget/Add a Gadget dan pilih gadget Feed.
3. Tulis URL feed blog Anda. Caranya, tambahkan /feeds/posts/default di belakang link blog Anda, contohnya: https://namablog.blogspot.com/feeds/posts/default. Lalu, tekan tombol Lanjutkan. 
4. Kemudian, konfigurasikan feed Anda sesuai keinginan dan klik Simpan/Save.

2. Menggunakan Gadget HTML/JavaScript

Buat kamu yang ingin menampilkan latest posts, ada alternatif lain yaitu dapat menggunakan bantuan gadget HTML/JavaScript. Adapun langkah-langkahnya adalah sebagai berikut :

1. Masuk ke Dashboard Blogger Anda, kemudian klik menu Layout/Tata Letak

2. Selanjutnya, pilih Tambahkan Gadget/Add a Gadget dan tambahkan gadget HTML/JavaScript.

3. Lalu copy dan paste kode berikut :

<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://namablog.blogspot.com/",
numPosts = 7;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

4. Klik Save/Simpan. Nantinya, Anda akan mempunyai tampilan latest posts.

Jangan lupa untuk mengubah “https://namablog.blogspot.com/” dengan nama blog Anda. Selain itu, tentukan juga jumlah post yang akan ditampilkan dengan mengubah angka pada baris numPosts = 7;.

Fungsi Latest Post

Menampilkan latest post pada blog kamu berfungsi sebagai fitur untuk para pengunjung blog kamu yang ingin mengetahui artikel terbaru yang sudah di update pada suatu blog.

Fitur ini sangat bermanfaat dan juga bisa mendorong mereka untuk lebih berlama-lama menjelajahi blog Kamu.

Nah itulah beberapa langkah metode untuk dapat menampilkan recent post buat kamu yang sedang mencari tutorial membuat recent post. Anda bisa menambahkan fitur tersebut dengan menggunakan gadget RSS feed dan HTML/Javascript