Salam Ngerapik Blog, apa kabar teman teman semua hari ini semoga dalam keadaan sehat dan bahagia selalu, amiin. Dalam dunia optimasi blog, kenyamanan pengunjung adalah kunci utama untuk menurunkan bounce rate dan meningkatkan durasi kunjungan. Salah satu elemen navigasi yang sering diabaikan namun memiliki dampak besar adalah fitur pengubah tampilan post, yaitu Grid View (tampilan kisi) dan List View (tampilan daftar).
Fasilitas ini memberikan kebebasan kepada pembaca untuk memilih bagaimana mereka ingin melihat konten yang terpapar baik dalam bentuk penuh lengkap thumb, judul dan ulasan artikel ataupun hanya menampilkan thumb dan judul saja. Berikut adalah beberapa keutamaan utama memasang widget Grid dan List View di blog kita sobat bloger:
1. Meningkatkan Pengalaman Pengguna (User Experience)
Setiap pengunjung memiliki preferensi membaca yang berbeda. Ada tipe visual yang lebih suka melihat gambar mini (thumbnail) besar, dan ada tipe pembaca cepat yang lebih suka memindai judul artikel secara vertikal. Dengan menyediakan tombol Grid dan List, kita harus menghargai preferensi kenyamanan membaca mereka.
2. Fleksibilitas Navigasi Berdasarkan Perangkat (Responsive)
Tampilan Grid biasanya sangat menarik saat diakses melalui perangkat komputer (desktop) karena memanfaatkan ruang layar yang lebar untuk menampilkan banyak artikel sekaligus. Sebaliknya, tampilan List sering kali lebih nyaman dan rapi saat dibuka melalui layar ponsel yang vertikal dan sempit.
3. Sangat Cocok untuk Berbagai Jenis Konten
Penerapan dua mode ini memberikan fungsi ganda yang optimal:
- Grid View: Sangat efektif untuk blog portofolio, fotografi, resep makanan, atau e-commerce karena menonjolkan aspek visual produk atau gambar utama artikel.
- List View: Sangat ideal untuk blog berita, tutorial mendalam, atau artikel opini yang membutuhkan ruang untuk menampilkan judul lengkap beserta potongan teks singkat (snippet).
4. Membuat Blog Terlihat Lebih Modern dan Profesional
Blog yang dinamis dan memiliki fitur interaktif cenderung dinilai lebih kredibel oleh pengunjung. Fitur pengubah tampilan ini biasanya ditemukan pada situs berita besar atau platform e-commerce ternama. Menerapkannya di Blogger akan langsung menaikkan kelas estetika blog kita.
5. Berpotensi Meningkatkan Pageviews
Ketika navigasi terasa mudah dan menyenangkan, pengunjung akan lebih betah menjelajahi arsip artikel lama kita. Kemudahan beralih tampilan ini memicu rasa penasaran pembaca untuk mengklik lebih banyak halaman, yang pada akhirnya mendongkrak jumlah tayangan halaman (pageviews) blog kita.
Saya mencoba menerapkan dan mengaplikasikan widget ini ke dalam template Starter Free Ngerapik Blog ini teman teman, work sih.. meskipun gak begitu ekslusif, namun saat di mode pencarian terasa elegan dengan adanya tampilan widget grid. Saat di tampilkan menu dengan mengklik mode List View maka otomatis posisi artikel kita hanya menampilkan judul dan thumb saja, lihat gambar dibawah ini:
Menarik bukan untuk diaplikasikan di template teman teman blogger semua. Langsung saja cara membuatnya, cekidot wae..
PEMASANGAN KODE TERAPAN WIDGET
1. Pertama tama masuk ke Mode HTML template, lalu cari kode <div class='post-interaction-bar-container'> (ini khusus di template starter ya..) atau keseuaian dengan template teman teman bagusnya muncul dimana tombol grid tersebut.
Lalu Paste kode dibawah ini tepat diatasnya:
Kode bagian Pertama:
2. Lalu cari kode ]]></b:skin> atau <style> untuk meletakkan kode CSS dibawah ini tepat diatasnya:
Kode bagian CSS:
3. Terakhir cari kode </body> dan tempelkan kode dibawah ini juga tepat diatasnya:
Kode bagian script body:
4. Save Edit HTML Template
Menarik bukan artikel tentang "Membuat Tombol Menu Grid View dan List View Khusus Template Starter Ngerapik Blog" semoga dapat diapliaksikan dengan baik di template blog kesayangan teman teman semua. Akhir kata saya ucapkan terimakasih telah berkunjung ke Ngerapik Blog, Salam!
Kesimpulan:
Memasang widget Grid dan List View bukan sekadar urusan estetika, melainkan strategi fungsional untuk memanjakan pembaca. Jika template Blogger kita mendukung fitur ini, pastikan juga kita mengaktifkannya untuk memberikan pengalaman berselancar yang maksimal bagi para pembaca dan pengunjung blog kssayangan kita semua.