Pada Kali ini kita akan membuat recent post atau widget artikel terbaru di blog. Recent Post merupakan suatu element atau widget untuk menam...
Pada Kali ini kita akan membuat recent post atau widget artikel terbaru di blog. 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. Sebenarnya blogger juga menyediakan widget feed yg fungsinya sama seperti recent post. Bagi anda yg ingin membuat widget recent post di blog, simak langkah-langkah berikut ini.
CSS Recent Post
- Login ke akun blogger.
- Kemudian klik menu template.
- Klik edit html.
- Pastekan kode berikut diatas kode ]]></b:skin>.
#recent-posts li {list-style: none;border-bottom: 1px dotted #ff5848;padding-bottom: 10px;padding-top: 10px;}
- Kemudian klik simpan
Script Recent Post
- Login ke akun blogger.
- Kemudian klik menu tata letak.
- Klik tambahkan element/ add gadget.
- Lalu pilih HTML/Javasript.
- Kemudian pastekan kode di bawah ini.
[<script>
//<![CDATA[
var homePage = "https://blog.itapuih.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><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>]
- Klik simpan
COMMENTS