Info Penting

Aplikasi Yasin dan Tahlil No 1 di Google dan Playstore

A plikasi Yasin dan Tahlil terbaik nomor 1 di Google dan Playstore kaya akan fitur dan konten yang bermanfaat untuk amalan sehari-hari u...

Info Penting

Artikel Terbaru

Mengatasi Masalah Tampilan Blog (Template) Tidak Rapi di Opera Mini Android

7 Agu 2018 - - 1

Memiliki tampilan blog yang sempurna disemua perangkat yang digunakan pengunjung blog tentu sangat diidamkan, karena hal ini akan berpengaruh pada betah, nyaman, atau tidaknya pengunjung blog kita. Tampilan blog yang akan menyesuaikan secara otomatis jika dibuka menggunakan perangkat komputer dan handphone, inilah yang dinamakan blog sudah menggunakan template yang responsive.

Berbicara masalah desain template blog responsive yang bisa mempengaruhi peringkat di Google pernah saya bahas dalam postingan Template Responsive Jadi Penentu Peringkat di Google, pada posting kali ini saya akan membahas masalah yang saya alami pada desain template blog Mr. Mung dot Com yang kurang rapi saat diakses menggunakan browser opera mini di android.

Berikut tampilan saat dibuka menggunakan browser google chrome, tampilan sudah rapi sesuai yang saya inginkan,

Namun saat dibuka menggunakan opera mini, ternyata ada yang tampak tidak rapi, mulai dari fitur pencarian yang bergeser kebawah, dan tampilan widget di bawah yang tidak nyaman dipandang.

Setelah diperbaiki, tampilan blog sekarang sudah sesuai yang diharapkan:

Sebenarnya apa penyebabnya, setelah googling kesana kemari, akhirnya menemukan pembahasan yang diberi judul CSS hack for Opera Mini only, yang intinya adalah Opera Mini tidak mendukung line-height dan font-size dengan benar, dan solusi yang saya peroleh adalah cukup dengan menambahkan kode css di bawah ini diatas kode ]]> </ b: skin> 

:-o-prefocus, .block1, .block2 {font-size: 14px;}
@-o-viewport {zoom: 0.90;}

Kode css diatas hanya bekerja jika pengunjung mengakses blog menggunakan perangkat dengan layar kecil seperti handphone. anda bisa merubah nilai font-size dan zoom sesuai kebutuhan, bisa dengan nilai lebih kecil atau lebih besar sesuai dengan tampilan yang dihasilkan.

Demikian Cara Mengatasi Masalah Tampilan Blog (Template) Tidak Rapi di Opera Mini Android, semoga bermanfaat.

1 komentar

  1. I’m not that much of a internet reader to be honest
    but your sites really nice, keep it up! I'll go ahead and bookmark your site
    to come back later. All the best

    BalasHapus

Follow Me

Foto Mr. Mung
ttd Mr. Mung

Tutorial Blogger

Pilih Arsip Blog