Cara Menampilkan Seluruh Postingan Blog Dengan Label Tertentu Saja

Cara Membuat Daftar Isi Blog Berdasarkan Label Tertentu Cara Menampilkan Seluruh Postingan Blog Dengan Label Tertentu SajaSebagai blogger, pernahkah kau berfikir untuk menciptakan suatu page (halaman) yang secara otomatis mengelompokan seluruh postingan namun dari label-label tertentu saja? Dengan kata lain, suatu page (halaman) yang menyerupai 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 menciptakan sebuah page yang secara otomatis menampilkan seluruh postingan dengan label Creepypasta (contoh klik disini...). Maka para pembaca yang ingin membaca dongeng horror, sanggup melihat seluruh postingan dengan label Creepypasta di sana, tanpa repot melaksanakan 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, ialah judul label yang akan tampil. Bebas kau ubah.
URL, ialah alamat blog. Ubah menjadi url blog kau masing-masing.
Label, ialah 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, kau hanya butuh meng-copy code script dari bab <ul> hingga dengan </ul>, kemudian paste di bawahnya. Ubah bagian-bagian tertentu menyerupai 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 ialah sebuah legenda, urban legend, ataupun gambar-gambar yang berkaitan wacana hal horror yang menyebar luas di Internet (dengan cara di-CopyPaste). Semua dongeng wacana hantu, pembunuhan, bunuh diri, kutukan, alien, dan lain sebagainya yang ditujukan untuk menakuti para pembacanya. Ada kisah dengan terang 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://kompitehno.blogspot.comfeeds/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

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel