Thursday, January 4, 2018

Cara Menciptakan Widget Artikel Terbaru

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.

 Berikut ini aku akan membagikan cara gampang menciptakan widget artikel terbaru Cara menciptakan widget artikel terbaru
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.
  1. Silakan copy script dibawah ini.
  2. <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>
  3. Lalu buka pengaturan tata letak, klik tambahkan gadget, dan pilih widget HTML/Javascript. Dan pastekan script diatas.
  4. 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.
  5. Selesai.
Silakan baca juga artikel2 aku yang lainnya, terima kasih sudah mau berkunjung ke blog sederhana aku ini, Semoga Bermanfaat.
Share:

0 comments:

Post a Comment