Cara Membuat Recent Post Sesuai Label Disertai Thumbnail

Cara Membuat Recent Post Sesuai Label Disertai Thumbnail - Pada tutorial blog kali ini, saya akan membahas mengenai cara memasang widget recent post per label disertai thumbnail. Widget Recent Post digunakan untuk menampilkan postingan terbaru dari suatu blog, namun bisa juga posting terbaru sesuai label yang diinginkan. Demonya bisa sobat lihat pada link berikut ini.

Untuk lebih jelas cara memasangnya silahkan ikuti arahan berikut ini.

Recent Post Sesuai Label

1. Masuk ke Dashboard > Tata Letak > Add Gadget/Tambah Gadget
2. Pilih HTML/JavaScript

3. Masukkan Kode JavaScript berikut ini.
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/jazz?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<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="http://ragam-beritaku.blogspot.com/feeds/posts/summary/-/bola?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://ragam-beritaku.blogspot.com/search/label/bola" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
 4. Save kemudian lihat hasilnya.

Keterangan:

• http://ragam-beritaku.blogspot.com bisa diganti dengan URL alamat blog yang ingin sobat pasangi widget ini.
• bola adalah nama label yang postingnya ingin ditampilkan, contoh label Berita, Hiburan, Tutorial, dan lainnya.

Demikianlah bahasan mengenai cara membuat recent post sesuai label disertai thumbnail. Semoga bermanfaat.

source: sini