Cara Membuat Widget Latest Episodes By Label

Widget Latest Episodes By Label - Artikel kali ini saya akan membuat tutorial yang hampir sama dengan tutorial yang sebelumnya saya buat yaitu Cara Membuat Widget Latest Episodes, namun ditutorial kali ini saya akan menambahkannya dengan Label.

Widget Latest Episodes kali ini menggunakan Label dari postingan atau arikel blog kalian, jadi postingan terbaru dari label yang kalian pilih untuk lebih singkatnya. Ok kita mulai saja tutorial kali ini.

Cara Membuat Widget Latest Episodes By Label

1. Langkah awal silahkan buka Blogger > Tema > Edit HTML, lalu simpan CSS berikut diatas </style>

/* Latest Post Label - Arlethdesign */
.last_post ul{list-style:none;margin:0 auto;position:relative}
.last_post ul li:before{content:'New';padding:5px;margin-right:5px;background:#333;font-size:12px;font-family:roboto,sans-serif;color:#FFF;border-radius:5px}
.last_post ul li{margin:0 auto;padding:5px 0}
.last_post ul li:nth-child(even){background:#eee}
.last_post ul li:nth-child(odd){background:#FFF}



2. Jika Sudah Save Tema
3. Kemudian Buka Tata Letak > Tambahkan Widget > HTML/Javascript, simpan javascript berikut diwidget tersebut

<script type="text/javascript">
var numposts = 10;
var standardstyling = true; function showrecentposts(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; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>'); }</script>
<div class='last_post'><ul>
<script src="/feeds/posts/default/-/Tutorial?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul></div>

Demo

Tag	Keterangan
var numposts = 10	Silahkan Ganti No 10 untuk menampilkan Jumlah postnya
Tutorial	Ganti Dengan Label