Menampilkan Arsip Label Postingan Random Secara Acak Pada Blogger

Menampilkan Arsip Label Postingan Random Secara Acak Pada Blogger | www.reload.id - Secara default blogger telah memiliki halaman tersendiri untuk setiap label / kategori yang telah kita buat untuk menampilkan arsip postingan berdasarkan label / kategori tersebut dengan menampilkan postingan berdasarkan urutan waktu terbaru / recently. Biasanya untuk index arsip label pada blogger memiliki URL seperti berikut :

URL Label : https://namadomain.com/search/label/Nama-Label

Contoh : https://www.reload.id/search/label/Blog

Maka akan tampil Index Halaman semua postingan / artikel yang memiliki label / kategori Blog. Untuk alasan tertentu, admin reload.id ingin menampilkan suatu arsip dari sebuah label ditampilkan secara random / acak untuk portfolio kategori label Server Pulsa, agar ada keadilan tidak selalu server pulsa tertentu selalu diatas melainkan semuanya kadang ada yang diatas, dan kadang berada di bawah.

 

Nah, pada kesempatan kali ini admin akan share sebuah javascript untuk membuat halaman index arsip suatu label ditampilkan secara random / shuffle atau acak seperti yang telah admin reload.id terapkan pada halaman label Server Pulsa.

Cara Membuat Halaman Arsip Label Random Post di Blogger

Caranya sangat mudah sekali, hanya menambahkan beberapa script js saja, tapi sebelumnya pastikan kita sudah punya akun blogger yah, berikut langkah-langkahnya :

1. Buka Dashboard Blogger 
2. Pilih Tata Letak “Layout”
3. Pilih Tambah Gadget “Add Gadget” HTML/Javascript.
   
4. Masukkan Kode JS dibawah ini di bagian Content :
   

   <script type='text/javascript'>
   var posts = document.querySelectorAll(
     '.post-outer ~ .post-outer, .post-outer-container ~ .post-outer-container, .date-outer ~ .date-outer');
   posts.forEach(p => {
     var parent = p.parentElement;
     p.remove();
     parent.insertBefore(p, parent.children[Math.floor(Math.random() * parent.children.length - 1)]);
   });
   </script>
   

5. Save Layout dan Lihat Halaman Arsip / Label.

Keterangan : Untuk menampilkan hanya pada label tertentu maka kita perlu menambahkan conditional tag pada widget kita di editor html template blogger. untuk masalah conditional tag dan menampilkan postingan dengan grid view pada blogger akan diposting pada artikel Menampilkan Widget Pada Halaman Tertentu Dengan Conditional Tag Blogger. InsyaAllah.

Untuk demo atau live previewnya bisa langsung di lihat pada halaman Server Pulsa di web reload.id ini. untuk sumber code jsnya ambil dari postingan sini Shuffle Order Of My Posts.

Jika ada kendala atau yang ingin ditanyakan silahkan ditunggu komentar terbaiknya dari sobat blogger semua.