Cara Membuat Widget Recent Post

Recent post salah satu komponen penting dalam blog yang bertujuan memberikan informasi beberapa post terakhir yang kita posting dalam blog kita. Dalam blogspot, salah satu komponen penting ini memang belum tersedia untuk saat ini.


Demo Recent Post :



Anda bisa membuatnya dengan cara berikut, yaitu dengan menggunakan JSON in Script yang tersedia untuk blogspot.
  1. Login pada akun blogger anda, masuk ke menu Tata Letak atau layout
  2. Tambahkan satu jenis widget Javascript/HTML pada sidebar yang akan menampilkan recent post
  3. Copy paste script dibawah ini
    4. <script type="text/javascript">
function RecentPost(json) {
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }
    document.write('<a href="'+ posturl + '">'+ posttitle + '</a><br>');
  }
}
var numposts=10;
</script>
<h3>RECENT POSTS</h3>
<script src="http://www.blog.santoss.web.id/feeds/posts/default?alt=json-in-script&callback=RecentPost"></script>
    - Pada baris no.18 (variabel numposts) adalah jumlah post yang akan ditampilkan
    - Pada baris no.21 (ubah url ke url blog anda)
  4. Simpan pengaturan, lalu lihat hasilnya pada blog anda
  5. Untuk style, ubah dan modifikasi sesuka hati anda

Baca Juga :

Older Post
Newer Post