Cara Menampilkan Seluruh Postingan Blog Dengan Label Tertentu Saja

Sebagai blogger, pernahkah kamu berfikir untuk membuat suatu page (halaman) yang secara otomatis mengelompokan seluruh postingan namun dari label-label tertentu saja? Dengan kata lain, suatu page (halaman) yang mirip dengan sitemap blog (daftar isi blog), namun hanya menampilkan postingan dengan label-label yang kita kehendaki. Bukan seluruhnya.

Sebuah page yang difungsikan untuk menampilkan seluruh postingan dengan label-label tertentu, akan memudahkan para pembaca untuk mengakses jenis postingan yang mereka minati. Contohnya saja pada blog ini. Akira membuat sebuah page yang secara otomatis menampilkan seluruh postingan dengan label Creepypasta (contoh klik disini...). Maka para pembaca yang ingin membaca cerita horror, dapat melihat seluruh postingan dengan label Creepypasta di sana, tanpa repot melakukan search pada blog.


Cara Menampilkan Seluruh Postingan Blog Dengan Label Tertentu

1. Buatlah satu page baru. Page > New Page
2. Beri judul halaman.
3. Ubah ke mode HTML.
4. Copy dan paste-kan code script berikut...

<script type="text/javascript"> var numposts = 100; 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>
<ul>
<h3>Nama Label</h3>
<script src="https://weakwings.blogspot.com/feeds/posts/default/-/Label?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Ubah teks merah diatas:
Nama Label, adalah judul label yang akan tampil. Bebas kamu ubah.
URL, adalah alamat blog. Ubah menjadi url blog kamu masing-masing.
Label, adalah label yang akan ditampilkan. Harus sesuai dengan label yang ada di blog.

Jika nama label terdiri dari 2 kata atau lebih, maka ganti spasi menjadi %20 . Contohnya "Tutorial Blogging" menjadi...

...feeds/posts/default/-/Tutorial%20Blogging

Untuk menambah label lainnya, kamu hanya butuh meng-copy code script dari bagian <ul> sampai dengan </ul>, kemudian paste di bawahnya. Ubah bagian-bagian tertentu seperti pada tahap sebelumnya.

Di bawah ini ada script yang Akira gunakan di blog weakwings.blogspot.com. Di sini Akira menghilangkan judul label, dan merubahnya menjadi deskripsi singkat. Karena pada page ini Akira hanya menampilkan 1 label saja.

<script type="text/javascript"> var numposts = 100; 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>
<ul>
Apa itu Creepypasta? Creepypasta adalah sebuah legenda, urban legend, ataupun gambar-gambar yang berkaitan tentang hal horror yang menyebar luas di Internet (dengan cara di-CopyPaste). Semua cerita tentang hantu, pembunuhan, bunuh diri, kutukan, alien, dan lain sebagainya yang ditujukan untuk menakuti para pembacanya. Ada kisah dengan jelas dikarang oleh seseorang, ada yang diangkat dari kisah nyata, legenda, ada juga kisah yang sudah terlalu banyak diceritakan dari seseorang ke orang lainnya, sehingga sumber ceritanya menjadi tidak jelas. Kamu berani? Bacalah kisah-kisah di bawah ini !  (Akira)
<br style="margin-bottom: 20px;" />
<script src="https://weakwings.blogspot.com/feeds/posts/default/-/Creepypasta?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Semoga tutorial ini bermanfaat, dan meningkatkan lagi jumlah pembaca yang akan hadir ke blog kita masing-masing ^^

author: Akira Asayami
reference: contohblog.com