Cara Menambahkan Recent Post, Per Label, Dan Feed Blog Lain

Recent Post atau artikel yang gres diposting wajib dipasang di sidebar atau footer blogger untuk memudahkan pengunjung blog menelusuri semua konten artikel Anda. Sebenarnya Anda dapat menambahkan Recent Post dengan feed bawaan blogger, namun kendalanya judul widget recent post sering hilang dengan sendirinya.

Widget recent post ada 3 macam yaitu recent post, recent post per label, dan recent post dari feed blog lain. Kaprikornus Anda dapat memasang ketiga recent post tersebut atau menentukan salah satu aja. Fungsi dari recent post juga sebagai pengganti Archive Blog.

Recent Post dari feed blog lain

Bila Anda sebagai publisher Google AdSense, recent post yang baik yaitu simpel tanpa ada gambar thumbnail. Tujuannya agar pengunjung lebih fokus ke konten artikel dan iklan di blog Anda, bukan thumbnail recent post.

Cara Menambahkan Recent Post, Per Label, dan Feed Blog Lain:
1. Layout > Add a Gadget > pilih HLM/JavaScript
2. Masukkan Kode di bawah ini.
3. Kasih judul widget
4. Save.

Kode Recent Post:

#1. Recent Post

    <!-- Recent Posts Start -->
    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 0; i < json.feed.entry.length; i++)
     {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
    <!-- Recent Posts -->

#2. Recent Post Per Label

    <!-- Recent Posts Start -->    <script type="text/javascript">    function recentpostslist(json) {     document.write('<ul>');     for (var i = 0; i < json.feed.entry.length; i++)     {        for (var j = 0; j < json.feed.entry[i].link.length; j++) {          if (json.feed.entry[i].link[j].rel == 'alternate') {            break;          }        }    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs    var entryTitle = json.feed.entry[i].title.$t;    var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";     document.write(item);     }     document.write('</ul>');     }    </script>    <script src="/feeds/posts/summary/-/Label?max-results=5&alt=json-in-script&callback=recentpostslist"></script>    <!-- Recent Posts -->

#3. Recent Post dari Feed Blog Lain

    <!-- Recent Posts Start -->    <script type="text/javascript">    function recentpostslist(json) {     document.write('<ul>');     for (var i = 0; i < json.feed.entry.length; i++)     {        for (var j = 0; j < json.feed.entry[i].link.length; j++) {          if (json.feed.entry[i].link[j].rel == 'alternate') {            break;          }        }    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs    var entryTitle = json.feed.entry[i].title.$t;    var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";     document.write(item);     }     document.write('</ul>');     }    </script>    <script src="http:///feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>    <!-- Recent Posts -->

#4. Kode Lain

    <script>    //<![CDATA[    function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}    document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" sasaran ="_top" title="Cara Menambahkan Recent Post, Per Label, dan Feed Blog Lain">'+ posttitle+'</a>');document.write('</li>');}    document.write('</ul>');};    document.write("<scr" + "ipt type="text/javascript" src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"></scr" + "ipt>");    //]]>    </script>

Demikian warta cara menambahkan recent post dari postingan blog, recent post per label, dan recent post dari feed blog lain. Bila ada yang ingin ditanyakan silahkan meninggalkan pesan pada kolom komentar di bawah ini.

Share this post