Advertisement
Di pagi hari yang segar ini, saya niatkan untuk menulis sebentar, kali ini saya akan berbagi tutorial cara membuat recent post sobat blogger.Kalau kamu mengunjung blog-blog tutorial atau lainnya pasti pernah menemukan widget bernama recent kan, nah fungsinya widget tersebut adalah untuk menampilkan daftar artikel paling terakhir dipublikasikan atau terbaru.
Kegunaannya tentu akan bermanfaat buat pengujung yang ada di blog kamu, karena mereka akan tahu topik terbaru langsung melalui widget teresebut.
Nah sesuai yang saya sebutkan pada judul, widget ini adalah widget sederhana/simple tanpa gambar, jadi ini hanya akan muncul judul atau titile saya ya ..
Berikut ini kalau kamu mau memasang nya di blog sobat.
Cara memasangnya cukup mudah, masuk saja ke bagian dashboard blogger di Layout/Tata Letak kemudian pada kolom tambahkan gadget kamu tambahkan Add HTML/Javascript, lalu pastekan code dibawah ini.
<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 = "URL-BLOG",
numPosts = 3;
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>
Setelah selesai, ubah code yang ditandai URL-BLOG dengan url blog sobat.
Demikian.
Advertisement
