Skip to content Skip to sidebar Skip to footer

Cara Menbuat Widget Recent Post Terbaru

Cara Membuat Widget Recent Post Terbaru - Recent Post atau artikel terbaru ini khusus untuk widget blog, atau anda juga bisa memasangnya di halaman statis. Cara memasangnya sangat mudah, pertama anda buka menu tata letak di dasboar blog anda, setelah itu pilih tambah gadget, lalu pilih lagi HTML/JAVASCRIPT, copy lalu pasteken kode dibawa 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:blue;}li.recent-posts a:hover{color:orange;text-decoration:none}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.taohids.web.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);
//]]>
Kode yang berwarna merah silahkan ganti dengan url blog anda, juga jumlah posting yang akan anda tampilkan.
Taohids
Taohids Orang biasa yang berpikiran diatas orang normal, alias abnormal. Kasarnya, saya ini hanya orang gila.

Post a Comment for "Cara Menbuat Widget Recent Post Terbaru"