Cara Membuat Widget Postingan Terbaru Beserta Jumlahnya di Blog

Memasang widget postingan terbaru di blog sangat bermanfaat  karena pengunjung secara langsung dapat mengetahui apa saja artikel yang baru kita publikasikan di blog. Selain itu, widget postingan terbaru ini, anda dapat menentukan berapa jumlah postingan atau judul yang anda inginkan untuk tampil di widget blog anda.
Contoh pada blog ini, saya tampilkan sebanyak 7 judul pada widget postingan terbaru yang dapat anda lihat pada sebelah kanan :

 
Cara memasang widget postingan terbaru di blog
1.    Buka dashboard blog
2.    Klik tata letak
3.    Pilih tambahkan gadget (pilih yang di sidebar)
4.    Copy dan paste kode berikut ke dalam widget :
<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:#0033CC;}li.recent-posts a:hover{color:#000;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.atobasahona.com",
numPosts = 7;
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>


Untuk menentukan jumlah judul yang akan tampil, silahkan rubah angka 7 berwarna merah sesuai keinginan anda. Angka tersebut merupakan jumlah postingan yang akan tampil di widget.
5.    Simpan
Silahkan lihat blog anda dan reload, maka widget postingan terbaru telah ada di blog anda, semoga bermanfaat.

0 Response to "Cara Membuat Widget Postingan Terbaru Beserta Jumlahnya di Blog"

Post a Comment