Cara menampilkan postingan per label di sidebar Blogger

Cara menampilkan postingan per label di sidebar Blogger

Agar sebuah blog kelihatan menarik, pengunjung mudah mendapatkan informasi dari blok kita, salah satu caranya adalah dengan menampilkan postingan kita berdasarkan label di side bar ( kanan, kiri bawah postingan).

 seperti gambar dibawah ini 

Langsung saja Kali ini saya akan membagikan cara menampilkan postingan perlabel di sidebar

1. Masuk ke dasbord akun blog.
2. Klik tata letak, pilih Gadget yang ada di samping atau di bawah tergantung keinginan.kali ini saya akan menempatkan di bawah postingan

3. pilih salah satu gadget  kanan, tengah atau kiri kemudian klik tampahkan Gadget

4. Pilih HTML/Java skrip

5. Isi judul sesuai dengan label

6. masukkan skrip di bawah ini pada konten

<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://gusafira.blogspot.com//feeds/posts/summary/-/Label ?max-results= 5 &alt=json-in-script&callback=recentpostslist"></script>

7. Edit pada tulisan warna merah sesuai dengan blog. edit label sesuai dengan label (penulisan harus sama dengan yang tertulis di blog), warna biru jumlah postingan yang ditampilkan.

demikian cara menampilkan postingan berdasarkan label di sidebar blogger

Tweet