Cara Menciptakan Widget Latest Episodes By Label

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

Widget Latest Episodes kali ini memakai 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, kemudian 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

Bagikan Artikel ini