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
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Post a Comment On "Tampilkan Semua Label Post Di Page Dengan Javascript"

Disqus Comments