Blog

Recent Post Sederhana tapi menarik

Recent Post biasanya terdapat di bawah postingan tapi kali ini saya tidak akan menempatkannya disitu karena sudah terlalu mainstream dan terkesan monoton, Apa guna Recend Post ? tentunya untuk meningkatkan pengunjung karena biasanya pengunjung akan melihat artikel sama dengan yang mereka cari di Recent Post setelah metihat artikel terkait. Recend Post saya kali ini sederhana, bagus dan tentunya tidak membuat loading blog menajdi lambat( karena tidak menggunakan gambar)

1. Masuk blogger > Tata Letak > Add HTML/JavaScript lalu Pastekan code ini.

 <style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0;width:300px}li.recent-posts{;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:#666;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://Kecoa-indo.blogspot.co.id",
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" 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>

2. Lalu ganti http://Kecoa-indo.blogspot.co.id gunakan CTRL + F untuk menemukan dengan cepat.

Doemo Recend Post

Write a comment