Rabu, 28 Oktober 2015

Jangan Jadi Blogger Kalau Blogmu Berantakan Ketika Diakses Dari HP


Postingan ini sebagai kritikan sekaligus tutorial Cara Membuat Tampilan Blog di HP Berbeda dengan di PC (Responsive Template). Banyak Blogger yang tidak memperdulikan tampilan blognya ketika dilihat melalui ponsel. Bahkan ketika mereka memilih template cuma melihat yang penting SEO. Padahal responsive itu perlu. Karena tidak semua pengunnjung blogmu menggunakan PC atau laptop. Responsive adalah template yang berubah otomatis berdasarkan ukuran browser yang digunakan untuk membuka. Dan yang paling parah, banyak blogger menggunakan template responsive tapi tidak dimanfaatkan dengan baik. Seperti mengaktifkan template seluler.



Mengaktifkan template seluler termasuk KESALAHAN BESAR YANG DILAKUKAN BLOGGER. Apa maksudnya? Mengaktifkan template seluler, berarti membuat template blogmu berbeda tampilan ketika diakses dari HP.

Contoh : Ketika diakses dari HP, template blogmu keren karena menggunakan template unduhan. Namun ketika diakses lewat HP, malah menjadi template putih polos bawaan Blogger. Ciri-ciri blog yang mengaktifkan template seluler, di bawah blog ada tulisan Web Version.







Hal itu dikarenakan kita mengktifkan tampilan seluler. Bagaimana cara mengatasinya?

Buka Blogger > Template > Klik gambar gear pada tulisan seluler > Pilih "Tidak, Tampilkan template selular di perangkat seluler."




Dengan demikian, tampilan selular akan bertuliskan dinonaktifkan. Silahkan buka blog kamu dari HP, maka templatenya akan sama seperti tampilan PC atau Laptop. Nah bagaimana jika tampilan HP terlihat berantakan? Silahkan gunakan template blog yang Responsive. Sehingga ukuran template juga ikut berubah mengikutin browser.




Bagaimana cara memilih template yang responsive?

- Silahkan sebelum mendownload, lihat Demo version terlebih dahulu.
- Kemudian rubah ukuran browsermu dengan klik ikon kotak di pojok kanan atas sebelah tanda silang.
- Rubah jadi ukuran kecil seperti ini :
- Sekarang jelajahi template demo tadi. Lihat dibagian mana saja yang berantakan.
- Yang paling penting, lihatkan kotak komentarnya. Bisa muncul atau tidak.

Banyak template blog yang kotak komentarnya tidak bisa diakses dari HP. Seperti menggunakan Javascript hingga loadingnya lama, seperti gambar animasi loading. (Saya tidak ingin menyebutkan nama template itu karena takut menyinggung developnya).



Kemudian ada lagi komentar tidak muncul di tampilan HP potrait. Setelah di Landscape baru muncul seperti gambar di atas. Ini sering saya temui hingga saya malas mengomentari blog seperti itu. Cara mengatasinya pun gampang. Tinggal merubah CSS display:none;

Mungkin suatu saat saya akan membagikan cara mengedit CSS untuk pemula. Tapi yang terpenting, benahilah template blogmu dalam tampilan selular supaya membuat pengunjung betah. Minimal gunakan template responsive yang baik dan cara diatas (Menonaktifkan Template Selular). Jika masihn susah, ganti template saja mumpung pengunjung belum begitu banyak. Atau tunggu saya membagikan tutorial mengedit CSS Template blog untuk pemula. Sampai jumpa ^^ Go Blogger Indonesia!

16 komentar:

  1. Tampilan mobile sangat penting untuk sekarang ini, jadi nggak cuman tampilan web aja yang di perhatikan, tampilan mobile juga yah. Terima kasih info dan masukannya. Salam kenal gan :D

    BalasHapus
  2. memang lebih responsive tampilan mirip template di PC atau putih versi blogger kalau di HP ,

    BalasHapus
  3. emang gan visitor adalah raja , jadi tampilan hp/pc harus nyaman

    BalasHapus
  4. Bener banget gan, sekarang sudah banyak yg akses lewat mobile juga

    BalasHapus
  5. Blogger rapih emang lebih enak di liat gan, dari pada artikel banyak tapi artikel berantakan

    BalasHapus
  6. Blogger rapih emang lebih enak di liat gan, dari pada artikel banyak tapi template berantakan

    BalasHapus
  7. Jadi Yah, Template yg Resonsive dong :v .But thanks is sharing

    BalasHapus
  8. intiny buatlah log kita menjadi mobile friendly ya ka sob

    BalasHapus
  9. bukankah tampilan default pada mobile itu biasanya lebih mobile friendly dan fast loading ya?

    BalasHapus
    Balasan
    1. Iya gan.. Namun tmpilan yg sderhana ramah buat robot. Tidak guest friendly :)

      Hapus
  10. sip nih responsive (y)
    ngapain susah susah ngecilin browser , kan di firefox sama chrome uda ada fiturnya mas :D
    mozilla : CTRL + SHIFT + M
    chrome : Inspect Element sembarang tempat klik ikon HP :D

    BalasHapus
  11. Karena sekarang jamannya mobile geddon cara ini sangatlah bagus untuk kesehatan blog kita dengan cara ini bisa juga menaikkan earning google adsense juga,
    terimakasih sudah share artikelnya,

    BalasHapus
  12. nice tutorialnya.. thanks sudah berbagi

    BalasHapus
  13. Waah, harus optimasi lagi deh ^_^, belum support untuk hp template ane :)

    BalasHapus

Our Special Product

The New Products

The Best Seller Products