Cara Menampilkan Postingan Berdasarkan Label/Kategori Pada Blog

Cara menampilkan postingan berdasarkan label atau kategori pada blog - Menampilkan Postingan berdasarkan kategori itu perlu dilakukan, karena dengan menampilkannya berdasarkan kategori membuat blog kita terlihat rapih dan juga membuat pengunjung tidak kesulitan untuk mencari artikel yang ingin pengunjung baca.

Untuk menampilkan postingan berdasarkan label atau kategori terdapat dua cara, yang pertama bisa langsung menambahkan widget langsung yang telah disediakan oleh Google atau  anda buat sendiri Scriptnya melalui widget Java Script. Kedua cara tersebut tidak susah untuk dilakukan, artinya tidaklah sulit, saya akan membahas kedua cara tersebut.

Menambahakan Label dengan Widget Label

yang harus Anda perhatikan bila menggunakan cara ini adalah memberikan label terlebih dahulu pada setiap postingan.

Pertama > Centang judul postingan yang ingin diberikan Label, pilih "Label baru".Lihat gambar. contoh pada gambar saya beri Label dengan nama Blogging

Kedua > pilih "Tata Letak" pada Dashboard Blog Anda. (sesuaikan penempatanya berdasarkan keinginan anda). Pada sidebar pilih "Tambahkan Gadget" kemudian pilih "Label" dan "Simpan".

Selamat !!! sekarang postingan di Blog Anda bisa ditampilkan berdasarkan Label atau Kategori.

berikut hasil menambahkan Widget Label pada sidebar.

 

Menambahkan Label dengan Java Script
Berikut langkah-langkah cara menampilkan postingan berdasarkan label atau kategori dengan menambhakan langsung kode Java Sript.
1). Masuk ke halaman Dashboard blog anda, kemudian Pilih Tata Letak. Pilih Tambah Gadget, kemudian pilih HTML/Java Script.
2). Copy paste kode atau script dibawah ini.

<div style="border: 1px solid rgb(000, 000, 000); height: 100px; overflow: auto; padding: 10px; width: 90%;">
<script style="text/javascript">
var numposts = 10;
var standardstyling = true;
</script>
<script type='text/javascript'>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>
<ul><script src="http://ariwater.blogspot.co.id/feeds/posts/default/-/nama label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>
</div>

3). Jika sudah, Pilih Simpan.

 

 Keterangan :
- Ganti URL ayang berwarna merah dengan URL atau alamat Blog anda.
- Nama label : ganti dengan Nama Label yang ingin anda tampilkan
- 10 : jumlah Postingan yang ditampilkan.