Berikut ini aku akan membagikan cara gampang menciptakan widget artikel terbaru. Sebelumnya aku sudah pernah menciptakan artikel wacana cara menciptakan daftar artikel terbaru bedanya dengan yang sebelumnya, batas postingan yang ditampilkan maksimal hanya 5 artikel saja. Sedangkan cara yang terbaru ini, dapat kita atur batas artikel yang ingin ditampilkan sesuai dengan yang kita inginkan.
Gambar diatas merupakan rujukan dari widget artikel terbaru, dengan jumlah tampilan artikel sebanyak 10 artikel. Dan masih dapat di tampilkan lebih banyak lagi. Untuk cara menciptakan widget artikel terbaru menyerupai diatas. Silakan Ikuti langkah2 dibawah ini.
- Silakan copy script dibawah ini.
- Lalu buka pengaturan tata letak, klik tambahkan gadget, dan pilih widget HTML/Javascript. Dan pastekan script diatas.
- Selanjutnya ganti http://pengguna-komputer.blogspot.co.id/ dengan halaman awal blog kau dan ganti juga angka 10, dengan jumlah postingan yang ingin kau tampilkan.
- Selesai.
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://pengguna-komputer.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"><strong><a href="'+link+'" title="Cara menciptakan widget artikel terbaru" target="_blank">'+title+'</a></strong></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>
<script>
//<![CDATA[
var homePage = "http://pengguna-komputer.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"><strong><a href="'+link+'" title="Cara menciptakan widget artikel terbaru" target="_blank">'+title+'</a></strong></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>

0 comments:
Post a Comment