Berikut ini adalah cara menampilkan daftar judul posting terbaru berdasarkan labeltertentu.  Widget ini sebenarnya sudah banyak dipublikasikan oleh para master blogger, saya bagikan kepada Anda yang mungkin kebetulan mampir di blog ini dan sedang mencari widget seperti ini.

Widget ini akan lebih baik jika dikombinasikan dengan widget lain seperti menu Accordion yang bisa Anda lihat pada bagian footer blog ini (POPULAR SERIES).  Script widget ini menggunakan javascript dan dipublikasikan oleh www.bloggersentral.com pada May 2010.

Untuk mengimplementasikan widget ini cukup mudah, Anda hanya perlu menambahkan sebuah gadget type HTML/Javascript pada sidebar blog, atau pada bagian footer blog Anda.  Berikut ini adalah detail cara Menampilkan Judul Posting Berdasarkan Label;
  • Login ke blogger dengan ID Anda
  • Pada halaman dashboard blogger pilih menu Layout > Add a gadget, pilih gadget typeHTML/Javascript.
  • Selanjutnya masukkan script berikut ini ke dalam Content gadget
  • <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="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="YOUR_BLOG_URL/feeds/posts/summary/-/YOUR_LABEL?max-results=SHOW_HOW_MANY&alt=json-in-script&callback=recentpostslist"></script>
  • Sebelumnya jangan lupa untuk mengganti script yang ditulis dengan warna biru dengan URL blog Anda, warna hijau dengan Label Artikel yang ingin ditampilkan serta warna merah dengan angka berdasarkan judul posting per label yang akan tampil dan klik tombol Save untuk menyimpan gadget.
  • Untuk script yang dicetak tebal <ul> dapat di ganti dengan <ol> agar daftar judul posting tampil dengan nomor urut.
    • Langkah terakhir adalah memeriksa halaman blog Anda dan pastikan widget ini telah tampil dan jangan lupa ucapkan Alhamdulillah.

    4 comments