Cara Membuat Widget Recent Post Tanpa Thumnail di Blogger

Kali ini saya mau berbagi Cara Membuat Recent Post di Widget Blog. Kebanyakan orang memasang widget  post itu hanya popular post saja, tapi disini saya mau berbagi cara membuat recent post atau post yang baru di update.

Recent post ini sangat sederhana, tanpa Thumbnail jadi sangat ringan untuk blog kamu. Jika kamu berminat memasang widget ini, silahkan ikuti langkah-langkah pemasangan untuk widget Recent Post Sederhana ini.

Langkah pertama, silahkan masuk ke Blogger terlebih dahulu.
Langkah kedua, Masuk ke menu Tema lalu Edit HTML tema nya.
Langkah ketiga, salin kode javascript di bawah ini tepat di atas kode </head>

<b:if cond='data:blog.isMobile == "false"'>
 <script type='text/javascript'>
 //<![CDATA[
  function recentpostslist(json) {
   document.write('<ul>');
   for (var i = 0; i < json.feed.entry.length; i++) {
    if (i == json.feed.entry.length) break;
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
     if (json.feed.entry[i].link[j].rel == 'alternate') {
      entryUrl = json.feed.entry[i].link[j].href;
      break;
     }
    }
    var entryTitle = json.feed.entry[i].title.$t;
    var item = '<li>' + '<a href="' + entryUrl + '" title="' + entryTitle + '">' + entryTitle + '</a></li>';
    document.write(item);
   }
   document.write('</ul>');
  }
 //]]>
 </script>
</b:if> 

Disana ada script yang saya block biru, itu fungsinya untuk tidak menampilkan widget tersebut dalam mode Mobile, tapi jika kamu ingin tetap menampilkan widget tersebut dalam mode mobile silahkan hapus kode <b:if cond='data:blog.isMobile == "false"'> dan </b:if> dibawahnya.

Langkah Terakhir, tinggal kamu masukkan kode dibawah dalam Tata Letak > buat widget HTML/Javascript baru.

<script src='/feeds/posts/default?orderby=published&amp;max-results=7&amp;alt=json-in-script&amp;callback=recentpostslist'/>

Jika kamu ingin menampilkan recent post per label tinggal tambahkan saja kode "/feeds/posts/default/-/LABEL". Untuk jumlah postingan yang ingin di tampilkan ganti max-result=7 sesuai keinginan kamu. Untuk demo silahkan lihat saja langsung di widget yang saya gunakan.

Nah sekian tutorial Cara Membuat Recent Post di Widget Blog, semoga tutorial ini bermanfaat untuk kamu. Jika ada yang ingin ditanyakan silahkan untuk berkomentar.