Cara Membuat Recent Post (RSS Feed) di Blog secara Manual

Pada Kali ini kita akan membuat recent post atau widget artikel terbaru di blog secara manual, bukan dari bawaan menu widget dari blogger (feed widget).

Recent post merupakan suatu element atau widget untuk menampilkan postingan atau artikel terbaru dari blog dan sangat berguna untuk seo blog karena dapat memberikan internal link.

Dengan ini pengunjung dapat mengetahui postingan terbaru dari blog kita. Bagi anda yg ingin membuat widget recent post di blog, simak langkah-langkah berikut ini.

Pasang CSS Recent Post Blog
1. Login ke akun blogger.
2. Kemudian klik menu template.
3. Klik edit html.
4. Cari kode

]]></b:skin>

5. Pastekan css berikut diatas ]]></b:skin>.

#recent-posts li {list-style: none;border-bottom: 1px dotted #ff5848;padding-bottom: 10px;padding-top: 10px;}

6. Kemudian klik simpan

Script Recent Post Blog
1. Login ke blogger.
2. Kklik menu template.
3. Edit html.
4. Pastekan script berikut diatas </head>

<script>
//<![CDATA[
var homePage = "http://www.reyarifin.blogspot.com",
numPosts = 10;
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">'+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>

HTML Recent Post Blog

1. Masuk ke blogger.
2. Klik menu tata letak.
3. Klik tambahkan element/ add gadget.
4. Lalu pilih HTML/Javasript.
5. Kemudian pastekan kode di bawah ini

<div id="recent-posts"/>

6. Klik simpan

Jangan lupa ganti var homePage = "http://www.reyarifin.blogspot.com/"dengan url blog anda. numPosts = 10 ganti dengan jumlah postingan yg ingin ditampilkan.

Demikianlah tutorial mengenai cara membuat recent post atau cara membuat widget artikel terbaru di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.