Saat ini sebagian besar pengunjung blog mengakses artikel menggunakan smartphone. Karena itu, tampilan blog yang nyaman di perangkat seluler menjadi salah satu hal yang penting untuk diperhatikan.
Blogger menyediakan fitur tampilan seluler yang memungkinkan blog menggunakan tampilan khusus ketika dibuka melalui smartphone atau perangkat dengan ukuran layar kecil. Fitur ini terutama berguna untuk blog yang masih menggunakan tema Blogger lama dan belum mendukung desain responsive.
Dengan mengaktifkan tampilan seluler, halaman blog akan menggunakan versi tampilan yang disesuaikan dengan perangkat seluler sehingga konten lebih mudah dibaca dan dinavigasi.
Apa itu tampilan mode seluler di Blogger?
Tampilan mode seluler adalah fitur Blogger yang menyediakan versi tampilan khusus untuk perangkat mobile.
Pada tema Blogger lama, tampilan desktop terkadang tidak otomatis menyesuaikan ukuran layar smartphone. Akibatnya, halaman dapat terlihat terlalu lebar, teks sulit dibaca, atau pengunjung harus menggeser layar ke kanan dan kiri.
Dengan menggunakan mode seluler, Blogger akan menampilkan versi tema yang telah disiapkan untuk perangkat mobile.
Namun, perlu diketahui bahwa tidak semua tema Blogger membutuhkan pengaturan ini. Tema-tema Blogger yang sudah responsive biasanya dapat menyesuaikan tampilan secara otomatis tanpa perlu mengaktifkan tema seluler secara terpisah.
Cara setting blog ke tampilan seluler
Jika blog Anda masih menggunakan tema Blogger lama yang menyediakan pengaturan tampilan seluler, berikut langkah-langkah yang dapat dilakukan.
1. Masuk ke Blogger
Pertama, buka dashboard Blogger dan masuk menggunakan akun Google yang digunakan untuk mengelola blog.
Setelah berhasil masuk, pilih blog yang ingin Anda atur tampilan selulernya.
2. Buka menu Tema
Pada dashboard Blogger, klik menu Tema.
Di halaman Tema, cari bagian pengaturan tampilan seluler. Pada Blogger versi tertentu, pilihan ini dapat muncul sebagai Setelan seluler atau pengaturan terkait tampilan mobile.
3. Aktifkan tampilan seluler
Selanjutnya aktifkan pengaturan tampilan seluler apabila pilihan tersebut tersedia pada tema yang sedang digunakan.
Pengaturan ini akan membuat Blogger menggunakan versi tampilan mobile ketika blog dibuka melalui perangkat seluler.
4. Pilih tema seluler
Setelah mengaktifkan tampilan seluler, Anda dapat memilih desain atau tema seluler yang tersedia.
Gunakan pilihan Pratinjau untuk melihat bagaimana tampilan blog ketika dibuka menggunakan perangkat seluler.
Perhatikan beberapa bagian penting seperti:
Ukuran dan keterbacaan teks
Tampilan menu navigasi
Posisi logo atau judul blog
Tampilan gambar
Susunan artikel
Sidebar
Widget
Jarak antar elemen
Pilih tampilan yang menurut Anda paling nyaman bagi pengunjung.
5. Simpan pengaturan
Jika tampilan sudah sesuai, klik Simpan untuk menerapkan pengaturan.
Setelah itu, coba buka blog menggunakan smartphone untuk memastikan tampilan sudah sesuai dengan yang diharapkan.
Apakah semua tema Blogger perlu menggunakan mode seluler?
Tidak.
Hal ini penting karena Blogger saat ini memiliki berbagai tema yang sudah menggunakan desain responsive. Tema responsive dapat menyesuaikan ukuran dan susunan elemen berdasarkan ukuran layar perangkat.
Dengan tema responsive, tampilan blog dapat menyesuaikan diri ketika dibuka melalui:
Komputer atau laptop
Tablet
Smartphone
Karena itu, jika tema yang digunakan sudah responsive dan mobile friendly, Anda tidak perlu memaksakan penggunaan tampilan seluler khusus.
Tema Blogger lama dan tema responsive
Pada tema Blogger lama seperti Simple, Awesome, Travel, dan beberapa tema klasik lainnya, pengaturan tampilan seluler lebih penting karena desainnya belum tentu responsive secara otomatis, tapi anda bisa membuatnya menjadi responsive cara membuat tema simple blogger menjadi responsive
Sementara itu, beberapa tema Blogger yang lebih baru seperti Emporio, Soho, Contempo, Notable, dan Essential dirancang dengan pendekatan yang lebih responsive sehingga tampilannya dapat menyesuaikan berbagai ukuran layar.
Namun, kondisi setiap template dapat berbeda, terutama jika tema sudah dimodifikasi menggunakan kode CSS, HTML, atau JavaScript.
Bagaimana cara mengetahui blog sudah mobile friendly?
Cara paling sederhana adalah membuka blog menggunakan smartphone dan melihat apakah seluruh bagian halaman dapat menyesuaikan ukuran layar.
Periksa beberapa hal berikut:
Tidak ada bagian halaman yang melebar keluar dari layar.
Teks artikel dapat dibaca tanpa harus melakukan zoom.
Gambar tidak terpotong atau terlalu besar.
Menu navigasi dapat digunakan dengan mudah.
Tombol dan tautan memiliki ukuran yang nyaman untuk disentuh.
Sidebar tidak mengganggu tampilan artikel.
Kolom komentar dapat digunakan dengan baik.
Kecepatan halaman tetap nyaman ketika dibuka melalui jaringan seluler.
Jika semua bagian tersebut berjalan dengan baik, kemungkinan besar tema yang digunakan sudah memiliki tampilan mobile yang cukup baik.
Responsive berbeda dengan tampilan seluler Blogger
Keduanya sering dianggap sama, padahal konsepnya berbeda.
Tampilan seluler Blogger menggunakan versi tampilan khusus ketika blog dibuka dari perangkat mobile.
Sementara itu, responsive design menggunakan satu desain yang dapat menyesuaikan ukuran layar secara otomatis. Elemen halaman seperti kolom, gambar, menu, dan teks dapat berubah susunan sesuai dengan lebar layar.
Untuk blog yang menggunakan template modern, desain responsive umumnya lebih fleksibel karena tidak perlu menyediakan tampilan desktop dan mobile yang benar-benar terpisah.
Apa yang sebaiknya dilakukan jika tema sudah responsive?
Jika tema Blogger Anda sudah responsive, sebaiknya jangan mengubah pengaturan tampilan seluler secara sembarangan.
Fokuslah pada pengujian tampilan blog di beberapa ukuran layar. Jika ditemukan masalah seperti gambar keluar dari layar, menu terlalu lebar, atau teks terlalu kecil, masalah tersebut biasanya dapat diperbaiki melalui CSS atau struktur template.
Selain itu, pastikan setiap perubahan pada tema tetap mempertahankan struktur HTML dan fungsi penting blog.
Kesimpulan
Mengatur tampilan blog agar nyaman dibuka melalui smartphone merupakan langkah penting bagi pemilik blog.
Untuk tema Blogger lama yang belum responsive, fitur tampilan seluler dapat digunakan agar blog memiliki versi tampilan yang lebih sesuai untuk perangkat mobile.
Sedangkan untuk tema Blogger yang sudah responsive, pengaturan tampilan seluler khusus biasanya tidak diperlukan karena tema dapat menyesuaikan ukuran layar secara otomatis.
Sebelum melakukan perubahan pada tema, sebaiknya periksa terlebih dahulu apakah template yang digunakan sudah responsive. Dengan begitu, Anda tidak perlu mengaktifkan pengaturan yang sebenarnya tidak dibutuhkan.
Semoga tutorial ini membantu Anda membuat tampilan blog Blogger menjadi lebih nyaman ketika diakses melalui perangkat seluler.
Komentar
Posting Komentar