Sabtu, 27 Mei 2017

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

Recent Post atau artikel yang baru diposting wajib dipasang di sidebar atau footer blogger untuk memudahkan pengunjung blog menelusuri semua konten artikel Anda. Sebenarnya Anda bisa 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. Jadi Anda bisa memasang ketiga recent post tersebut atau memilih 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 adalah simpel tanpa ada gambar thumbnail. Tujuannya supaya 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://teknologivirtual.com/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+'" target ="_top" title="'+ posttitle+'">'+ 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 informasi 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.

The author of the blog Teknologivirtual


EmoticonEmoticon