Widget Recent Post adalah widget yang menampilkan artikel terbaru dari blog yang kita miliki. Fungsi dari widget ini adalah untuk memberikan informasi bagi pengunjung blog kita tentang artikel yang baru kita publikasikan.


Untuk memasang widget ini seperti biasa kita harus login ke account blogger dan masuk pada tab Rancangan --> Elemen Laman, kemudian tambahkan gadget HTML/Javascript baru danCoPas kode dibawah ini ke gadget baru tersebut :

<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 = "https://www.alamat-blog-kamu.com",
numPosts = 5;
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>
Tips :
Ganti kode yang berwarna biru dengan alamat blogmu
var numposts -> Jumlah judul postingan terbaru yang ditampilkan.
Jika sudah selesai diutak-atik kodenya, coba simpan templatemu kemudian lihat hasilnya.


Semoga artikel ini bisa bermanfaat bagi kamu. Selamat mencoba!

NgeShare - Pasang Widget Recent Post di Blog [Only Text]

Load comments