TanpaSetrip

Pengaturan Theme Blogger Versi Mobile Agar Efektif Tampil Responsive di Perangkat Smartphone

Era mobile telah tiba, bahkan sudah lama berlalu. Topik mengenai proses migrasi dari situs desktop ke situs mobile sudah tidak lagi menjadi perbincangan utama. Permasalahan utama saat ini yang sering diperbincangkan adalah optimasi website versi mobile agar memiliki performance yang baik, terutama masalah kecepatan. Karena saat ini, website yang baru dibangun hampir seluruhnya sudah sepaket dengan fitur mobile friendly (ramah diakses di perangkat mobile). Termasuk website yang dibuat menggunakan layanan blogger.

Namun masih ada yang perlu diperhatikan terutama bagi pengguna blogger pemula yang belum begitu memahami seluk-beluk pengaturan blogger. Pengaturan tampilan blogger diatur pada halaman theme (sebelumnya template). Salah satu yang perlu diperhatikan adalah mengenai versi mobile. Diperlukan pengaturan agar tampilan di perangkat mobile seperti smartphone merupakan tampilan yang diharapkan. Apakah tampilan default blogger atau bentuk responsive yang sesuai dengan versi desktop jika theme yang digunakan menggunakan kode dari luar.

Sebagai salah satu layanan blog terbesar, blogger memancing banyak web designer membuat design website berbasis blogger. Tampilan blogger bahkan bisa menyamai tampilan web profesional. Blogger sendiri telah menyediakan berbagai design theme sebagai pilihan bagi penggunanya. Namun jika theme yang tersedia tidak sesuai kebutuhan, pengguna bisa menyusunnya sendiri melalui menu theme bagian html editor. Sayangnya, proses pembuatan theme blogger melalui kode merupakan pekerjaan yang tidak begitu mudah bagi pengguna pemula.

Berikut adalah tampilan halaman theme pada dashboar blogger.

Silakan ketik di google dengan kata kunci template blogger atau theme blogger. Perhatikan bahwa sebagian besar hasil yang muncul merupakan penyedia theme blogger. Banyak yang gratis tetapi tidak sedikit juga yang berbayar.

Proses installasinya pun sangat mudah karena pengguna hanya perlu melakukan copy paste kode di kolom Edit HTML atau import file xml secara langsung.

Perhatikan baik-baik halaman theme pada dashboard blogger. Di halaman tersebut terdapat dua bagian. Bagian kanan merupakan pengaturan untuk versi mobile. Pengaturan ini sering dilewatkan oleh beberapa blogger pemula. Padahal, pengaturan ini merupakan salah satu kunci agar website / blog tampil di perangkat mobile dengan baik mengikuti tampilan versi desktop tetapi bentuk responsivenya (menyesuaikan dengan lebar layar smartphone).

Jika tidak ada pengaturan lebih lanjut, ketika blog diakses di perangkat mobile yang akan tampil adalah versi mobile default blogger, bukan versi mobile dari theme yang diinstall. Berikut adalah gambar jendela pengaturan versi mobile blogger.

Agar yang tampil di perangkat mobile satu tema dengan versi desktopnya, pilihlah pengaturan kedua, yaitu "No. Show desktop theme on mobile device". Setelah dipilih akan tampil seperti berikut ini.

Inilah cara efektif agar theme blogger yang tampil di perangkat smartphone satu tema dengan tampilan desktopnya dalam bentuk penyesuaian terhadap layar smartphone yang lebih kecil (responsive). Silakan lakukan eksperimen sendiri untuk mengetahui perubahan yang terjadi pada tampilan setelah dilakukan pengubahan pada pengaturan theme bagian mobile di halaman dashboard blogger.


Oleh Opan
Seorang guru matematika yang hobi ngeblog dan menulis. Terwujudlah blog ini sebagai sarana berbagi pengetahuan yang saya miliki.


Demi menghargai hak kekayaan intelektual, mohon untuk tidak menyalin sebagian atau seluruh halaman web ini dengan cara apa pun untuk ditampilkan di halaman web lain atau diklaim sebagai karya milik Anda. Tindakan tersebut hanya akan merugikan diri Anda sendiri. Jika membutuhkan halaman ini dengan tujuan untuk digunakan sendiri, silakan unduh atau cetak secara langsung.


No comments:

Post a Comment