Tampilkan Semua Label Post Di Page Dengan Javascript

Halo, kali ini saya akan membagikan sedikit tutorial yang mungkin akan berguna untuk kalian. Biasanya blog itu mempunyai label,kategori, ataupun genre tertentu pada isi artikel, nah ketika kalian ingin membuat label tersebut kedalam halaman namun terlalu banyaknya artikel jadi kalian mulai malas membuatnya secara manual. Tapi jangan khawatir lagi karena ditutorial ini saya akan membahasnya Cara Menampilkan Semua Label Post Di Halaman Dengan Javascript JSON Feed lebih tepatnya, agar kalian tidak lagi bersusah payah membuatnya secara manual karena ditutorial ini sudah lebih simple tinggal pasang. Ok kita mulai saja tutorialnya.

Tampilkan Semua Label Post Di Page Dengan Javascript

Buka dan buatlah Halaman/page baru > HTML, kemudian tambahkan Javascript & CSS berikut ini,
setelah itu Save dan lihat hasilnya.
<script type="text/javascript">
function catgorylist(json) { 
var  ListTag= "";
for (var k = 0; k < json.feed.category.length; k++) 
{ListTag +=  "<li><a href='/search/label/" + json.feed.category[k].term + "'>"+json.feed.category[k].term+"</a></li>";}
var listing = "<ul class='labelnya'>" +ListTag+ "</ul>";
document.write(listing); } 
</script>

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

<style>
ul.labelnya{margin:0;padding:0;list-style:none;}
ul.labelnya li{float:left;width:48.4%;margin:5px;line-height:20px}
ul.labelnya li a{display:block;padding:5px;background:#333;color:#fff}
ul.labelnya li a:hover{background:#222;color:#FFF}
</style>
Related Posts
Disqus Comments